Este es un código simple un UL con algunos LI dentro y un UL dentro del 1er UL, si corren el código los bordes rojos son de los UL y los azules de los LI, pero lo raro es que si ejecutamos este código en ie6 los UL que están dentro de un UL son hijos de un LI, mientras en firefox son Hermanos. Alguien sabe a que se debe esto y si puedo hacer que siempre sean hermanos o hijos????
Código:
<style type="text/css">
ul{
border:solid 1px red;
}
li{
border:solid 1px blue; margin:2px;
list-style-type:none;
}
.invisible{
/*display:none;*/
}
.visible{
display:block;
}
</style>
<ul class='invisible'>
<li class='clasificacion'>
<a href='javascript: void 0;' onclick=''>
<img src='mas.jpg'></img>
</a>
clasif1
</li>
<ul class='invisible'>
<li>
<input type='radio' name='clasificacion1'/>
clasif1-1
</li>
<li class='clasificacion'>
<a href='javascript: void 0;' onclick=''>
<img src='mas.jpg'></img>
</a> clasif1-2
</li>
<ul class='invisible'>
<li>
<input type='radio' name='clasificacion1'/>
clasif1-2-1
</li>
<li>
<input type='radio' name='clasificacion1'/>
clasif1-2-2
</li>
</ul>
</ul>
</ul>