display:block y IE

[jpeeri]

Hola:

La verdad es que IE me está cansando, ya entiendo porqué Al-Qaeda quiere joder EEUU. ¿Por invadir su territorio? No, que va. Eso es un mal menor. Lo que les jode es que el maldito IE no vea bien las webs que crean.

Esta vez es con display:block:

¿Problema? Que muestra un height más grande de lo que yo le pido...

¿Código? Este:

Código HTML:

<div id="nav">
<ul>
  <li><a href="index.php">Inicio</a></li>
</ul>
<ul>
  <li><a href="index.php?section=gallery"><strong>GALERÍA</strong></a></li>
  <li><a  href="index.php?section=gallery&amp;tema=1">Pliegos de la visión</a></li>
</ul>
</div> 

Código:

#nav ul {
list-style-type: none;
margin: 20px 0px 0px 0px;
padding: 0px;
width: 200px;
font-family: Arial,sans-serif;
font-size: 11pt;
}

#nav ul li {
background-color: #666;
}

#nav ul li a {
color: #ccc;
text-decoration: none;
display: block;
padding: 10px 10px 10px 20px;
}
#nav ul li a:hover {
background: #000;
border-left: 10px solid #333;
color: #fff;
}

¿Cómo se ve? Hombre, si mi router os lo permite, que está en las ultimas el pobre: la url está aquí http://jpeeri.myftp.org/scripts/tall...ules/index.php


Si alguien da con la solución, os lo agradecería. Muchas gracias

[jpeeri]

¿No encuentran ninguna solución?

[:.SMITEXX.:]

Mira, las margenes izquierdas con IE son un lio, pues siempre las duplica. En tu caso la debe de poner a 40 px y por eso se ve desconfigurado.

Copia este codigo LUEGO de tu hoja de estilos(ATENTO), tal cual. Es un hack para IE que encontre... ya no me cuerdo en donde pero ha sido muy útil. Creo que fue de disenorama

Código:

<!--[if IE]>
<style>
#nav ul {
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 200px;
font-family: Arial,sans-serif;
font-size: 11pt;
}
</style>
<![endif]-->

Ojalá te sirva.

[jpeeri]

No me ha servido, lo único que ha hecho ha sido ponerme todo el menú mucho más grande :S