Hola, hace poco que me estoy poniendo con CSS y XHTML (o mi jefe me pega una paliza como siga usando tablas...
), estoy haciendo un menú con una lista <ul class="class"><li>Menu 1</li><li> Menú 2</li></ul>, lo bueno que en FireFox funciona, pero en Iexplorer no le da la gana de ir... aquí os dejo el css qu ehe hecho a ver que se tienen que cambiar que me estoy volviendo loco.
ul.tool {
list-style: none;
text-align: center;
font-size:12px;
display: block;
text-indent: 0;
clear: both;
margin: 0;
padding: 0;
}
ul.tool a {
/*color: #000000;*/
text-decoration: none;
text-align: center;
}
ul.tool li {
float:left;
padding: 5px;
text-decoration: none;
font-weight: normal;
background-color: #103C93;
color:#fff;
text-align: center;
}
ul.tool li:hover {
padding: 10px;
background-color:#ccc;
color:#fff;
background-color: #2E5FC5;
text-align: center;
}
#menu {
width: auto;
text-align: center;
background-color: #103C93;
height: 25px;
padding-left: 35%;
}
Y donde ejecuto el menú este:
<div id="menu">
<ul class="tool"><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
Gracias
