Los molesto con este problema que me tiene trabado hace un par de dias: no logro que una lista se vea bien en IE7 (se ve bien en el 8, en FF) .
Imagino que es algo que me falta o me sobra en el CSS, la cuestion es que soy un principiante en esto y he visto por ahi que en versiones viejas del IE habia problemas, pero se me escapa la perdiz!!
Pongo mas abajo el codigo html y la parte del CSS que corresponde a la lista, aclaro que el resto de la pagina se muestra normlamente, el problema esta exclusivamente en la lista <ul>.
Desde ya gracias por la ayuda!
Eduardo
Código:
<div id="contenido"> <ul id="columna1"> <li><a href="guia/1.html" target="_self">archivo1</a></li> <li><a href="guia/2.html" target="_self">archivo2</a></li> <li><a href="guia/3.html" target="_self">archivo3</a></li> <li><a href="guia/4.html" target="_self">archivo4</a></li> <li><a href="guia/5.html" target="_self">archivo5</a></li> <li><a href="guia/6.html" target="_self">archivo6</a></li> <li><a href="guia/7.html" target="_self">archivo7</a></li> </ul> </div>
Código:
div#contenido { background-color: #bbff99; border: solid thin #999999; margin-top: 10px; margin-left: 10px; margin-right: 5px; margin-bottom: 40px; padding: 0px; padding-bottom: 30px; width: 620px; height: 1200px; float: left; } ul#columna1 { width: 196px; list-style-type: none; background-color: #bbff99; font-family: Calibri,Helvetica,Verdana,Arial,sans-serif; font-weight:bold; font-size: 0.85em; letter-spacing: 0.1em; margin: 0px; padding: 5px; float: left; } li { display: block; margin: 0px; list-style-type: none; padding-top: 10px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } li a:link {text-decoration:none; color: #000;} li a:visited {text-decoration:none; color: #000;} li a:hover {text-decoration:none; color: #ff1f00;}