Question

I have this code:

<header>
    <div id="title">                
        <img alt="logo" src="/Content/logo.gif" />
    </div>
    <nav>
        <ul id="menu">
            <li>Products</li>
            <li>Auctions</li>
            <li>Segmentation</li>
        </ul>
    </nav>
</header>

That generate this:

I want that the image will be above the white box(that it will align according to the image). How do I do it?

BTW I use the default asp.net mvc3 template.

Thanks.

Answer 1

I’m assuming you’re floating these elements. If so, try setting the overflow property of the header:

header {
   overflow: auto
}