[Resolvido] Margem inadequada.

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;

}