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.