hola, mi idea es hacer un menu donde al pasar el mouse por cada boton, este se agranda. el problema es el siguiente: cuando pasa el mouse por arriba se me agranda ese y los demas se corren. esto es por que tengo un margin-left. pero si no les pongo el margin left estan muy juntos todo y si le pongo un padding no me sirve por que hay lugares donde no esta le boton y me lo cuenta como el padding.
aca les dejo el menu:
<ul id="nav">
<li><a style="margin-left:0px;" href="#">Inicio</a></li>
<li><a href="#">Quienes Somos</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#">Inicio</a></li>
</ul>
y el css
#nav{
padding:0px;
}
#nav li{
display: inline;
padding:80px;
}
#nav li a{
text-decoration:none;
color:white;
font-size:20px;
font-family:tahoma;
}
#nav li a:hover{
font-size:25px;
}