Saludos, tengo dos columnas realizadas con listas, ahora bien , en firefox, NetScape, Mozilla y Opera se ve perfecta tal cual la quiero... pero en IE nada de esto es igual
Que pasa con las listas e IE?
CSS
Código PHP:
#columna1{
background-color:#f5f5f5;
width: 200px;
float: left;
margin-top: 0px;
margin-left:0px;
}
#columna1 ul {
list-style-type:none;
padding-left: 2px;
}
#columna1 ul li a:link {
text-decoration:none;
display:block;
border-bottom:1px solid #996633;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#336699;
border-bottom-color: #AAAAAA;
}
#columna1 ul li a:hover {
text-decoration:none;
display:block;
background-color:#EEEEEE;
}
#columna2 {
vertical-align: top;
display: block;
width: 200px;
float: left;
margin-top: 0px;
margin-left: 2px;
background-color: #f5f5f5;
}
#columna2 ul {
list-style-type:none;
padding-left: 2px;
}
#columna2 ul li a:link {
text-decoration:none;
display:block;
border-bottom:1px solid #996633;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#336699;
border-bottom-color: #AAAAAA;
}
#columna2 ul li a:hover {
text-decoration:none;
display:block;
background-color:#EEEEEE;
}
xhtml
Código PHP:
<div id="columna1">
<ul class="vinetas">
<li><a href="#">Opcion 1</a></li>
<li><a href="#">Opcion 2</a></li>
<li><a href="#">Opcion 3</a></li>
<li><a href="#">Opcion 4</a></li>
<li><a href="#">Opcion 5</a> </li>
</ul>
</div>
<div id="columna2">
<ul class="vinetas">
<li><a href="#">Opcion 1</a></li>
<li><a href="#">Opcion 2</a></li>
<li><a href="#">Opcion 3</a></li>
<li><a href="#">Opcion 4</a></li>
<li><a href="#">Opcion 5 </a></li>
</ul>
</div>
Saludos, que diantre sucede con el IE y las listas? :-p