Menú con listas: Problema en IE7

[margancia]

Hola a todos como están?

Estoy armando un menu vertical dentro de úna sección (ej:autos).

El menu vertical a la vez se divide en dos (autos nuevos y usados). Y entonces ahí cada uno tiene determinados modelos...

Lo armé así:

Código HTML:

<ul>
<ul>
<li>Autos nuevos</li>
<ul>
<li>Ford></li>
<li>Renault</li>
</ul>
</ul>

<ul>
<li>Autos usados</li>
<ul>
<li>Ford></li>
<li>Renault</li>
</ul>
</ul>

</ul> 

Está bien hecho? El punto es que en Mozilla se ve bien, pero en IE7 y IE6 se ve algo corrido y con la tipografía bastante chica (especifico el font-size en el body del css)

Lamentablemente no tengo acceso al ftp en este momento para que lo puedan ver. No sabía si postear esto en el foro de HTML o CSS.

Muchas gracias!!
Saludos

[DragonX]

Hola margancia tenés mal cerrados tus UL
Sería algo así:

Código html:

<ul>
<li><a href="#">autos nuevos</a>
<ul>
<li>ford</li>
<li>renault</li>
</ul>
</li>
<li><a href="#">Autos Usados</a>
<ul>
<li>ford</li>
<li>renault</li>
</ul>
</li>
</ul>
 

[margancia]

Muchas gracias DragonX. Lamentablemente, no se solucionó el tema del tamaño de la tipografía (se ve muy chico). Es más ahora tampoco se ve correctamente en Mozilla.

A que se puede deber? Intenté especificar el font-size en el css en el div que engloba a la lista, pero la fuente se deforma. Además quiero que Autos usados tenga el mismo tamaño que Renault. Me falto especificar algo en el css?

[DragonX]

debería ver tu hoja de estilos, vos tenes esto online?

[margancia]

DragonX muchas gracias!!, lo pude solucionar poniendo el font-size así, espero que sea la forma correcta, en IE6 y IE7 y Mozilla se ve correctamente

#menu-izquierdo ul li{
font-size:11px;margin-left:10px;padding-left:7px;
}