Can anyone tell me what's happening here? I've created my navigation using the query builder:

<ul id="nav-ul" class="menu font-montserrat-reg clearfix">
                        <li class="menu-item"><a href="~/">HOME</a></li>
                        @{
                            var selection = Model.Content.Site().Children().Where(x => x.IsVisible());
                        }
                            @foreach(var item in selection){
                                <li class="menu-item">
                                    <a href="@item.Url">@item.Name</a>
                                </li>
                            }
                    </ul>

This generates the menu just fine, and the @item.Url is pointing to the correct page, e.g. /news/. BUT, when the page loads, it's loading without the css. If I manually remove the final '/' from the address bar (/news), the page loads correctly.

What am I missing?