[Resolvido] Problemas com div

É o seguinte: estou colocando no meu mene 15px de margem top. No Dreamweaver aparece tudo certo, mas no navegador(firefox) a margem não é respeitada.

A imagem do erro:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i1203.photobucket.com/albums/bb381/KormaSilser/errado.png&key=ff99ed0ab49c9a5e2d870fc426c42b93ed0dec5a0477746add7ffd62a545dabd" alt="errado.png" />

Como é pra ficar:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i1203.photobucket.com/albums/bb381/KormaSilser/correto.jpg&key=2423603aa322cb320b8f2249917c2f15fdc41d1220bbbc6a7e3060bd42f02be3" alt="correto.jpg" />

Codigo HTML

<div id="corpo">
 <div id="topo"></div>
 <div id="conteudo">
 <div id="menu">O conteúdo de id "menu" é inserido aqui</div>
 </div>
 <div id="rodape"></div>
</div>

Codigo CSS:

#corpo {
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#topo {
height: 80px;
width: 800px;
background-image: url(../img/topo.png);
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#flash {
height: 450px;
width: 760px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-top: 20px;
}
#rodape {
height: 30px;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../img/rodape.png);
}

#conteudo {
background-color: #FFF;
height: 590px;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#menu {
background-image: url(../img/menu.png);
height: 60px;
width: 760px;
margin-right: 20px;
margin-left: 20px;
margin-top: 15px;
}

body {

background-image: url(../img/bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;