Hola a todos.
Tengo el siguiente código:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<style type="text/css">
#menu {
float:left;
width:20%;
padding:1% 0 1% 3%; /********/
}
#menu ul {padding:0; margin:0; list-style:none; }
#menu li {display:inline; }
#menu a {display:block; float:left; width:100%; border:1px solid black; }
#menu a:hover {
background: #DFBA76; /********/
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="pagina1.html">Página 1</a></li>
<li><a href="pagina2.html">Página 2</a></li>
</ul>
</div>
</body>
</html>
En Firefox no da problemas, pero en IE al poner el cursor del ratón encima del menú, se desplaza hacia la izquierda. Parece que hay algún problema con las líneas que he puesto con asteriscos, porque si quito una de las dos funciona bien.
¿alguna idea de como solucionarlo?
Gracias por adelantado. Saludos,
