[Ovillo] Menu en columna

[Oscar Linares]

Hola a todos.

Tengo el siguiente men�.

<div id="menus">
<h2>&Aacute;reas</h2>
<div id="menusos">
<ul>
<li><a href="nat01.htm">Ciencias Naturales</a></li>
<li><a href="soci.htm">Ciencias Sociales, Geograf&iacute;a e
Historia</a></li>
<li><a href="fisica.htm">Educaci&oacute;n F&iacute;sica</a></li>
<li><a href="plasti.htm">Educaci&oacute;n Plastica y Visual</a></li>
<li><a href="filos.htm">Filosof&iacute;a, &Eacute;tica o
Religi&oacute;n</a></li>
<li><a href="lengu.htm">Lengua Castellana y Literatura</a></li>
<li><a href="musi.htm">M&uacute;sica</a></li>
<li><a href="tecno.htm">Tecnolog&iacute;a</a></li>
</ul>
</div>
</div>

Con estas CSS.

body {
        padding: 0px; margin: 0px 0px; font-family: verdana, arial,
sans-serif;
}
h2 {
        text-align: left; font-weight: bold; font-size: 14px; color:
#f60; font-family: arial, sans-serif;
}
div#menus {
        width: 115px; background-color: #ffffff;
}
div#menusos ul {
        border-top: #999999 1px solid; margin: 0px; padding: 0px;
list-style-type: none;
}
div#menusos ul li {
        margin: 0px; padding: 0px;
}
div#menusos ul li a {
        margin: 0px; padding: 5px; display: block; color: #3d3d3b;
text-decoration: none; text-align: right; font-size: 9px; border-bottom:
#999999 1px solid; border-left: #999999 1px solid; border-right: #999999
1px solid;
}
div#menusos ul li a:hover {
        background-color: #ffbd7b;
}

En FIREFOX el men� en columna se ve perfectamente, pero en IE cada
opci�n esta separada de la opci�n superior. He probado todos los MARGIN
y PADDING posibles (creo) pero sigue sin funcionar en IE.

Si alguien me puede decir que es lo que hago mal... Muchas gracias.

Un saludo.

Oscar



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org