Why can't I see my header DIV?

HTML & CSS
1

Hi there,

I am using tumblr for my portfolio website www.ellekorhaliller.co.uk

I want to create a DIV to contain the header links “Information”, “Elle Korhaliller” and “Contact” and create a white box that will be underneath these links however far you scroll down the page… Here are some examples of the white box, header idea that I am trying to explain:

So far, I have tried to create this by using the following CSS:

#header {
    position: fixed;
    background-color: #000000;
    z-index:5000;
    width:100%;
    top: 0px;
left:0px;
margin: 0px auto;
height: 40px;

}

And I also have the following corresponding HTML in my body section:

<div id="header">

<div class="title"><a href="/"><a style="border-bottom-style: solid; border-bottom-width: 2px">{Title}</u></a></div>
<div class="archive"><a href="http://www.ellekorhalillerweb.tumblr.com/information">Information</a></div>
<div class="follow">{block:PermalinkPage}{block:Posts} {/block:Posts}{/block:PermalinkPage}<a href="http://www.ellekorhalillerweb.tumblr.com/contact">Contact</a></div></div>

</div>

To me, these codes seem correct so can anybody advise on why I can’t see the header box I am trying to create?

Many thanks in advance.

2

I can see a top #header which stays fixed as i scroll down. I’m using Chrome on Windows 7 or am i completely misreading this and you’re after something else?