Problema con ul

[gVenom]

Saludos.

Este es mi tercer post sobre los ul, definitivamente me estan matando.



como verán, los puntitos se fueron a pasear abajo, eso es en IE6 como siempre, el css correspondiente es:

Código css:

.menu li{position:relative;top:-175px; padding-left:25px;text-align:left;display:block; width:105px;font-family:"Tahoma", Arial, Century Schoolbook; color:#fff; font-size:11px; font-weight:bold;text-decoration:none}
 

pagina: http://blessingwave.org/

el html:

Código HTML:

 <ul class="menu">
    <li>About us</li>
    <li>Mission</li>
    <li>Our Core Values</li>
    <li>Our Philosophy</li>
    <li>New &amp; Events</li>
    <li> Contact Us</li>
    </ul> 

Por ahi tengo otros detalles, como los div, que aunque no tienen altura definida, me marca errores de expanción de tamaño, pero bueno, me interesa este que no lo pude arreglar.

[Mikmoro]

No deberías ponerle el desplazamiento a los LI:

position:relative;top:-175px;

sino al propio UL

[gVenom]

si, ya veo. O sea que el ul es el que controla las viñetas. No lo sabia.

[Mikmoro]

En realidad es que tú quieres desplazar todo el listado (ul), y lo que estabas haciendo era desplazar cada elemento del listado (li).

[gVenom]

ok, bueno ya me quedo mejor. Ahora a seguir en la lucha.

Gracias.