Hola tengo el siguiente problema:
tengo este menu:
<div id="container-menu">
<ul class="itemsmenu">
<li class="menucategin">categorias ▼</li>
<li class="menucategout" style="display:none;color:#a70051;">categorias ─</li>
<li class="menucontacto"><a href="http://miweb/colabora.aspx">Colabora</a></li>
</ul>
</div>
<div id="categorias">
<ul>
<li>categoria1</li>
<li>categoria2</li>
<li>categoria3</li>
</ul>
</div>
con esto:
.itemsmenu
{
float:left;
margin-left:150px;
_margin-left:75px;
margin-top:10px;}
.itemsmenu li
{
display:inline;
cursor:pointer;
margin-left:15px;
color:#fff;
font:12px;
}
.itemsmenu li a
{
color:#fff;
text-decoration:none; }
.menucategout
{
background:#FAE4EE;
padding:4px 3px 8px 3px;
}
Es una barra de menu que cuando pinchas en <li class="menucategin">categorias ▼</li>, se despliega el div categorias, en ese momento "menucategin" desaparece y aparece "menucategout". En "menucategout" tengo aplicado un padding concreto para que el aspecto visual sea el correcto, el caso es que todos los navegadores lo interpretan bien excepto IE 6 que ignora completamente el padding.
Haber si alguien pude echarme una mano.
Gracias!