I have a Razor script that is rendering html and including various doctype properties within the html. I have been trying to wrap some of the div's within tags that contanin the property for the url on the doctype, but when I do this it doesn't clost the tag in the correct place even though it clearly is in the correct spot within my Razor. Could someone take a look at this and help me figure this out please? Here is my page and my Razor:

https://edit-wwwprep.rose-hulman.edu/about/leadership/presidents-office-(new).aspx

There are three "featureBox"s and when I add an inline link on the actual umbraco page within the "featureBox1Content" rich text area, it ends the "featureBox" wrapping tag too early. I don't see how this is possible. Help would be appreaciated greatly.

@inherits umbraco.MacroEngines.DynamicNodeContext

@{
        var page = Model.AncestorOrSelf("PresidentsHomePage");

}

@if(page.HasValue("featureBox1Content") && page.HasValue("featureBox2Content") && page.HasValue("featureBox3Content")){

<div id="featureBoxWrap">
        @if(page.HasValue("featureBox1Url")){
            var node = Library.NodeById(@Model.featureBox1Url);

        <a class="featureBox"  href="@node.Url" >
            @if(page.HasValue("featureBox1Headline")){
                    <div class="featureHeadline">
                        @page.featureBox1Headline
                        <hr>
                    </div>
            }   

            @if(page.HasValue("featureBox1Image")){
                var imageBox1 = @Model.Media("featureBox1Image");
                    <div class="featureImage">
                        <img src="/[email protected]&width=263" />
                    </div>
            }

            @if(page.HasValue("featureBox1Content")){
                    <div class="featureContent">
                        @page.featureBox1Content
                    </div>
            }
        </a>
        } else {

        <div class="featureBox">
            @if(page.HasValue("featureBox1Headline")){
                <div class="featureHeadline">
                    @page.featureBox1Headline
                    <hr>
                </div>
            }   

            @if(page.HasValue("featureBox1Image")){
                var imageBox1 = @Model.Media("featureBox1Image");
                    <div class="featureImage">
                        <img src="/[email protected]&width=263" />
                    </div>
            }
            @if(page.HasValue("featureBox1Content")){
                    <div class="featureContent">
                        @page.featureBox1Content
                    </div>
            }   
        </div>
                }

        @if(page.HasValue("featureBox2Url")){
                var node = Library.NodeById(@Model.featureBox2Url);
                    <a class="featureBox" href="@node.Url">

            @if(page.HasValue("featureBox2Headline")){
                    <div class="featureHeadline">
                        @page.featureBox2Headline
                        <hr>
                    </div>
            }   
            @if(page.HasValue("featureBox2Image")){
                var imageBox2 = @Model.Media("featureBox2Image");
                    <div class="featureImage">
                        <img src="/[email protected]&width=263" />
                    </div>
            }
            @if(page.HasValue("featureBox2Content")){
                    <div class="featureContent">
                        @page.featureBox2Content
                    </div>
            }   
                        </a>
        } else {

        <div class="featureBox">
            @if(page.HasValue("featureBox2Headline")){
                    <div class="featureHeadline">
                        @page.featureBox2Headline
                        <hr>
                    </div>
            }   
            @if(page.HasValue("featureBox2Image")){
                var imageBox2 = @Model.Media("featureBox2Image");
                    <div class="featureImage">
                        <img src="/[email protected]&width=263" />
                    </div>
            }
            @if(page.HasValue("featureBox2Content")){
                <div class="featureContent">
                    @page.featureBox2Content
                </div>
            }   
        </div>

            }

        @if(page.HasValue("featureBox3Url")){
                var node = Library.NodeById(@Model.featureBox3Url);
                    <a class="featureBox" href="@node.Url">

            @if(page.HasValue("featureBox3Headline")){
                <div class="featureHeadline">
                    @page.featureBox3Headline
                    <hr>
                    </div>
            }   
            @if(page.HasValue("featureBox3Image")){
                var imageBox3 = @Model.Media("featureBox3Image");
                    <div class="featureImage">
                    <img src="/[email protected]&width=263" />
                    </div>
            }
            @if(page.HasValue("featureBox3Content")){
                <div class="featureContent">
                    @page.featureBox3Content
                    </div>
            }   
                </a>
        } else {

        <div class="featureBox">
            @if(page.HasValue("featureBox3Headline")){
                <div class="featureHeadline">
                    @page.featureBox3Headline
                    <hr>
                </div>
            }   
            @if(page.HasValue("featureBox3Image")){
                var imageBox3 = @Model.Media("featureBox3Image");
                <div class="featureImage">
                    <img src="/[email protected]&width=263" />
                </div>
            }
            @if(page.HasValue("featureBox3Content")){
                <div class="featureContent">
                    @page.featureBox3Content
                </div>
            }   
        </div>
                }
    </div>            

}