Listas con estilo incompatibles

[tonchii]

Hola, tengo un problema. Quiero listar elementos para crear un menu horizontal, y se ve perfectamente en Firefox, peor en todos los demas no :S.
Lo que no funiona, es el padding, el float, y en algunos ni siquiera se ven, en otros por lo menos se ven deformados.

Miren el codigo css :

Código CSS:

#menu-head {
    float:left;
    background:#38AFD7;
    font-size:13px;
    padding:11px;
    margin-left:210px;
    color:#FFF;
    margin-top:1px;
}
 

y el html lo pongo asi :

Código HTML:

<div id="menu-head">
<a href="#"><li>Inicio</li></a>
<a href="#"><li>Contacto</li></a>
</div>
 

Ya nose como hacer para q se vea igual en todos los navegadores, ¿alguna sugerencia?

[Tecna]

Buenas,

lo primero que tendrias que hacer es poner el codigo html correctamente, el div no sería necesario pero los <li></li> deben ir dentro de un elemento <ul></ul> que englobe a todos ellos y dentro de los<li></li> iría el enlace. Al elemento al que le debes aplicar la propiedad float es a los <li> y el padding deberia funcionar puesto que es un elemento en bloque. Validar el codigo tanto html como css te facilitará el trabajo y usar alguna herramienta como firebug que te ayude a detectar errores también