Child Template Not Propagating Rendering To Child View
===

I have the following template Hierarchy in my ASP.NET MVC3 Project:

view.cshtml -> _DetailsLayout.cshtml -> _DefaultLayout.cshtml:

The code looks like this:

_DefaultLayout.cshtml:

    <!doctype html>
	    ...
	    @RenderSection("Stylesheet", true)
	    ...
        @RenderBody()
        ...
    	@RenderSection("AdditionalPlugins", false)
    	@RenderSection("UserScripts", false)
    	...
    </html>

_DetailsLayout.cshtml:


    @model BackpackDemoApplication.Models.WebBaseModel
           
    @{
        ViewBag.Title = "_DetailsLayout"; @* the default layout is in the _ViewStart so no need to call Layout=""*@
    }

    @section Stylesheet{
    ...
    }
    @RenderBody()
    @section AdditionalPlugins
    {
        @Content.Script("jquery-ui-1.8.11.min.js", Url)
        @Content.Script("leaflet-src.js", Url)
        @Content.Script("wax.leaf.min.js", Url)
    }
    @section UserScripts
    {
        @Content.Script("bpn.recommendations.details.js", Url)
    }

Now my view.cshtml has only content, no reference to the sections, it's just pure markup.

**PROBLEM:**
When the page is rendered, all the content renders fine, but all the stylesheets (that were inside the stylesheet section) and all the scripts (inside various sections) that were inputted into the sections at the _DetailsLayout.cshtml do not get rendered.

Meaning that the rendering doesn't propagate to the view.cshtml although it was defined in the _DetailsLayout.cshtml.

Been looking around the web for some time now, and although I've seen many RenderSection issued, I didn't stumble upon this specific case.



