problema con maquetacion menu en internet explorer y firefox

[rufus]

que todos los menus lo que es la lista <li> que uso en ellos se me ve centrada verticalmente como quiero en el firefox pero en internet explorer se me ve arriba del todo.....supongo que será por las diferente forma de como controlan internet explorer y firefox el css......pero no se como solucionarlo os pongo el codigo html y css haber si alguno me sabeis decir por que no se me ve igual los menus en ambos navegadores....

Código:

#caja{width:960px; height:1000px;; margin:0 auto;margin-top:-14px;}

#menu{width:960px; height:44px; background-color:#FA2405; float: left;}

#menu ul li { display:inline; padding-left:115px; list-style-type:none; font-weight:bold; padding-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:-15px;}
#menu a{ text-decoration:none; color:#FFFFFF; }

#menu a:hover{ color:#000000;}

index.html

Código:

<div id="caja">
<div id="menu">
<ul>
<li><a href="index.html">Inicio</a>
     
</li>
<li>
<a href="galerias.php">Galerias
</a>
</li>

<li>
<a href="cuidados.html">Cuidados
</a>
</li>
<li>
<a href="contacto.php">Contacto
</a>
</li>
</ul>

</div>

[mayid]

Ay! Hombre! Que es dificil de leer tu párrafo! Que no se escribe como se habla y menos en un foro internacional.

Para centrar verticalmente mejor que no uses padding-bottom:-15px;

Por otro lado, es bueno que todo el "boton" sea clickeable y no solo el texto, por eso hay que expandir el enlace con display: block:

Usa esto:

#menu{width:960px; height:44px; background-color:#FA2405; float: left; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

#menu ul li {
display:inline; position: relative;
}

#menu ul li a{
display: block; float: left;
padding: 16px 0 15px 115px;
text-decoration:none; color:#FFFFFF;
}

#menu a:hover{ color:#000000;}

[rufus]

gracias mayid ya lo tengo bien al poner el codigo que me as pasado ;)