problemas con lista e IE

[asinox]

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

[baccxus]

De entrada, puedo decirte que tienes mal formado tu CSS, por ejemplo, li se encuentra dentro de ul, así que hereda sus propiedades, tienes repetido el color del borde : {border-bottom: grosor estilo color} y más abajo {border-bottom-color:color}, los dos dentro de la misma etiqueta, además colocas tus etiquetas así #columna1 li ul a:link (sólo un ejemplo), entonces el IE toma el CSS así: aplicar el estilo a #columna1 li, y a todas las etiquetas ul y a:link que no hereden propiedades, o sea que #columna1 li y #columna1 a:link no aplican el CSS (bueno, "#columna1 li" si aplica parte del estilo, porque lo hereda de "#columna1 ul").

Saludos

[asinox]

Gracias por los datos de la Herencia baccxus...ya lo tengo resuelto :)

gracias