Hi all I have reached a brick wall with google :) 

I am trying to layer one div (#menubar) over another (#background) 

My html is. . . . .

```
<div id="background"></div>
<div id="menubar"></div>

```

And my CSS is. . . .

```
#background {
Width:98%;
height:1000px;
position: relative;
background-color:#878787;
border-style:solid;
border-color:#003366;
border-width:10px;
z-index:1;
}

#menubar {
top:5;
left:0;
Width:50px;
height:50px;
position:relative;
z-index:2;
background-color:#CCCC99;
}

```

Any ideas why its not working ? 
Thanks 

Ps new to html so sorry is it's a silly question

Here is a fiddle 
<http://jsfiddle.net/Pv3Tz/>