[Resolvido] Problemas com div

[Korma Silser 0]

É 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:

 

 

Como é pra ficar:

 

 

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;

[Marrabel 20]

Se o margin não resolveu, tenta por position:relative no seletor #menu e atribui um top

 

 

Observação: Não precisa colocar varias vezes a propriedade margin. Defina tudo em uma só linha.

 

 

margin: 0 /*Top*/ 0 /*Right*/ 0 /*Bottom*/ 0 /*Left*/;

[Diéssica 140]

Tá usando muita margin desnecessária aí. Usa padding.

 

:seta: http://maujor.com/tutorial/paddingtut.php

[Korma Silser 0]

Obrigado, povo.

[Michard Medeiros 0]

Seria isso mesmo Padding e pode flotar, talvez ela não esteja alinhado por que não tem direção para se enquadra.

 

Flota a esquerda.