Problemer med placering i CSS

Jeg har lidt problemer med det her stykke kode.

body{
background-color:#000000;
font:12px verdana, helvetica, sans, sans-serif;
text-align:center;
margin: 30px 0px;
}

#top{
position:relative;
width: 832px;
height:10px;
background-color:#757575;
margin-top:12px;
}

#menu{
position:relative;
width: 832px;
height:18px;
background-color:#000000;
margin-top:22px;
}

#logo{
position:relative;
width:832px;
height:134px;
margin:auto;
overflow:hidden;
background-image:url(logo.gif);
}

Problemet er at min top skal være 10 pixels høj og derefter kommer min menu der skal være 18 pixels høj og til sidste noget grafik.

Problemet er at jeg kan ikke se min menu. Som i kan se skulle den gerne have en sort baggrundsfarve, men det er ligesom om at min top går ned over min menu.

Nogle der har en løsning ?