Lo primero es que no le presteis mucha atencion a los colores y esas cosas. Es una simple prueba.
Bueno, el menu es una lista de elementos dentro de un div. El id del div es lateral y el id de la lista es menu. El archivo css tiene lo siguiente:
#menu {
margin:5;
padding:0;
list-style:none;
width: 100px;
}
#lateral {
width: 100px;
background-color: #74dedf;
float: left;
font: bold;
}
#menu a{
background-color: #0099cc;
text-decoration: none;
color: #0066ff;
margin-top: 5;
margin-botton: 5;
border-style: outset;
width: 100px;
}
#menu a:hover{
background-color: #0099cc;
text-decoration: none;
color: #0066ff;
border-style: inset;
}
Y ahora el problema. Si lo miro en IE me sale bien pero en firefox los botones se solapan (no importa el margen que ponga) y son de diferente tamaño. ¿Cual es el problema y como lo podria resolver?
IE:
Firefox:
