Problema de sublista dentro de una lista en ie7

[JuanKa]

Buenas Tardes a todos.

A ver si me hechan un clave, ya que me estoy volviendo loco, ya que tengo problemas al mostrar una subfamilia que esta dentro de una familia, el unico problema es que solamente en IE 7 me lo muestra montado de la familia y lo que tiene que ser es como un arbol respetando primero la familia y si ésta familia tiene subfamilia me lo tiene que mostrar (en es este caso me lo muestra encima de la familia, valga la redundancia).

En firefox me sale perfectamente, estuve leyendo que han cambiado algunos valores para IE 7 para las listas, pero nada. Sigo en lo mismo.

Aqui os dejo los css de la familia y subfamilia respectivamente.

Gracias


#familia{
list-style:none;
margin:0px 5px;
padding:0px;
}

#familia li{
display:table;
margin:2px;
padding:0px;
width:170px;
height:30px;
background-image:url(../Imagenes/bot_familia_a.jpg);
background-repeat:no-repeat;
float:right;
}



#familia li a{
display:block;
height:22px;
padding-left:25px;
padding-top:6px;
text-decoration:none;
color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-image:url(../Imagenes/bot_familia_a.jpg);
}

#familia li a:hover{
color: #666666;
background-image:url(../Imagenes/bot_familia_b.jpg);
}

#subfamilia{
list-style-position
list-style:none;
margin-bottom:-2px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding:0px;

}

#subfamilia li{
margin-right:0px;
margin-top:5px;
padding:0px;
width:145px;
height:25px;
background-image:url(../Imagenes/bot_subfamilia_a.jpg);
background-repeat:no-repeat;
float:right;
display:table;
position:relative;
}

#subfamilia li a{

height:19px;
padding-top:6px;
padding-left:17px;
text-decoration:none;
color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../Imagenes/bot_subfamilia_a.jpg);
}
#subfamilia li a:hover{
color: #666666;
background-image:url(../Imagenes/bot_subfamilia_b.jpg);
}

Ya de antemando gracias y saludos a toda la comunidad.

[masterpuppet]

tendrias q postear el html, el unico q error q veo en una ojeada rapida del css es aca
#subfamilia{
list-style-position
}
no tiene ningun valor asociado.

[JuanKa]

Tienes razon; me falto el valor, pero si con el mismo error.

Lo que faltaba al codigo es que dentro de cada familia tengon un div con el css siguiente :

#capa_familia{
display:table;
}

en la sub familia no tengo ninguna capa asociada; es necesario ésta capa,??? si es asi como seria para que la lista de las subfamilias no aparezca encima de las familias.


Gracias

[masterpuppet]

estas anidando listas no creo q necesites otra capa.
salu2

[Mikmoro]

Al menos IE6 no entendía el display:table; y juraría que el IE7 tampoco lo entiende.

Mikel.

[masterpuppet]

Iniciado por Mikmoro

Al menos IE6 no entendía el display:table; y juraría que el IE7 tampoco lo entiende.

Mikel.

tenes razon mikel http://www.quirksmode.org/css/display.html

[Mikmoro]

Muy buen enlace, masterpuppet. Gracias. De momento ya no tendré dudas al respecto.

Mikel.