he estado toda la tarde tratando de hacer que funcione pero no me sale, haber si alguien sabe como solucionarlo, lo que quiero hacer es que un <div> tenga un efecto mediante el hover de css, en firefox si funciona pero en ie6 no quiere funcionar, el codigo es este:
Código HTML:
#foldheader{
cursor:pointer;
cursor:hand;
list-style: none;
}
#foldheader div{
font-weight:bold;
font-family:Lucida Sans;
font-size:12px;
color:#185584;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:4px;
border-left:#E78200 2px solid;
background-color:#CEE7EF;
width:180px;
}
#foldheader:hover div{
font-weight:bold;
font-family:Lucida Sans;
font-size:12px;
color:#E78200;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:4px;
border-left:#185584 2px solid;
background-color:#CEE7EF;
width:180px;
}
y la estructura html va mas o menos así
Código HTML:
<ul>
<li id="foldheader"><div>Menu 1</div></li>
<ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};>
<li><a class="item" href="http://www.link.com/">Elemento 1</a></li>
</ul>
</ul>