I've never had this before and can't work out why it's happeneing..

I have a standard setup wheremy template uses the @inherits Umbraco.Web.Mvc.UmbracoTemplatePage.

I then have a seies of @sections throughout the page to drop in bits I need. Everything displays fine. What I would like to do is use a media picker to pull in an image from the media section. I have done this on another site easily enough, so thought I'll just recycle the code (below).

<umbraco:Macro  runat="server" language="cshtml">
@inherits umbraco.MacroEngines.DynamicNodeContext

        @{
        if (Model.HasValue("frontImage"))
            {                                                           
                var selectedMedia = @Model.Media("frontImage");
                  <img class="headerimage" src="@selectedMedia.umbracoFile" width="@selectedMedia.umbracoWidth" height="@selectedMedia.umbracoHeight" alt="@selectedMedia.Name"/>
            }
        }
</umbraco:Macro>

For some reason this then breaks my page. The image pulls through fine, but the rest of the page show the razor code instead of rendering the items.

This is how it's rendering on the page in plain text.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage @{ Layout = "Main.cshtml"; } @section Head { } @section Main {