[Resolvido] Margem inadequada.

[Salomaster 0]

Olá, estou com um problema, estou fazendo um site, e quando vou fazer o menu, quando vou colocar o separador e insiro "Float:left;" aparece uma margem de mais ou menos 5px em baixo do cabeçalho.

O problema desaparece quando eu tiro o "Float:left;" do #menu ul li a{, mas ai o separador fika tudo bagunçado.

Oque eu faço? Ai vai o código.

 

 

body{
margin:auto;
}

#head{
background-image:url(../IMG/Bg.png);
background-repeat:repeat-x;
width:100%;
height:200px;
}

#logo{
background-image:url(../IMG/Logo.png);
background-repeat:no-repeat;
width:400px;
height:200px;
float:left;
margin-left:5px;
margin-top:25px;
}

#redes{
width:60px;
height:auto;
float:right;
margin-top:20px;
margin-right:2px;
}


#menu{
background-image:url(../MENU/Menu.png);
width:100%;
height:35px;
margin-top:1px;
}

#menu ul{
list-style:none;
margin-top:1px;
}


#menu ul li{
display:inline;
}

#menu ul li a{
text-decoration:none;
font-size:16px;
font-family:"Arial Rounded MT Bold";
color:#FFFFFF;
padding:8px 13px;
float:left;        <------  <---------

}

#menu ul li a:hover{
text-decoration:underline;
}



#menu ul li img{
float:left;
display:inline;
margin-top:5px;

}

[Valdeir Info 2]

diminui o padding do #menu ul li a{ ou coloca um margin-left: -5px

[Marco Bruno 19]

Bom dia Salomaster,

 

Tenta usar um css reset, pode ajudar:

 

CSS Reset:

* { border: none; list-style: none; margin: 0; padding: 0; }

 

Por favor, adiciona o HTML para conseguirmos simular o bug.

 

Suceesso!

Abraço.

[Salomaster 0]

Nossa Valeu mesmo pessoal, eu coloquei o reset e deu certo mesmo obrigado. \o/ agora já posso proseguir.