Menu Drop Dows

[Frederico Zanitti]

Aí pessoal, alguém sabe me dizer porque esse código funciona no Firefox e não funciona no IE6?

<div id="menugeral">
                    <div class="menu">
                        <ul>
                            <li><a href="index.html" target="_self" >Home</a></li>
                            <li><a href="apresentacao.html" target="_self" >Apresentação</a></li>
                            <li><a href="" target="_self" >Vetorização</a>
                                <ul>
                                    <li><a href="vetorizacao.html" target="_self">Experimental</a></li>
                                    <li><a href="logomarcas.html" target="_self">Logomarcas</a></li>                                    
                                </ul>                            
                            </li>
                            <li><a href="" target="_self" >Trabalhos</a>
                                <ul>
                                    <li><a href="academico.html" target="_self">Acadêmico</a></li>
                                    <li><a href="agenda.html" target="_self">Agenda</a></li>
                                    <li><a href="desenhos.html" target="_self">Desenhos</a></li>
                                    <li><a href="diversos.html" target="_self">Diversos</a></li>
                                </ul>
                            </li>
                            <li><a href="softwares.html" target="_self" >Softwares</a></li>
                            <li><a href="contato.html" target="_self" >Contato</a></li>
                        </ul>
                    </div>
                </div>

#menugeral{position: absolute;
      top: 0px;
      left: 0px;
      display: block;
      width: 100%;
      height: 10%;
      border-color: #FDCA00;
      border: 2px;
      z-index: 1}

.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    }
.menu ul{
    background:black;
    height:25px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:black url(imagens/seperator.jpg) bottom right no-repeat;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:25px;
        margin:0px;
        padding:0px 20px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #FDCA00 url(imagens/hover.jpg) bottom center no-repeat;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background:#222222;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:200px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        
        }
    .menu li li {
        background:url(imagens/sub_sep.jpg) bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:200px;
        }
    .menu li:hover li a{
        background:none;        
        }
    .menu li ul a{
        display:block;
        height:25px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#FDCA00 url(imagens/hover_sub.jpg) center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }

Alguém ai pode me ajudar?

[xJunior]

tene colocar isso o fim do seu css?

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC){
   who.MXPC = '1';
   if(who.nodeName != 'A'){
      who.onmouseenter=function(){ who.className += ' hover'};
      who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
   (who==who.parentNode.firstChild) ? who.className += ' first-child' : '';
} } )(this) , 'auto') }
ul li:hover ul, ul li.hover ul{

}

Editado Abril 11, 2010 por xJunior

[Frederico Zanitti]

xJunior, valeu cara, mas mesmo assim não apareceu o submenu no IE... o engraçado é que em todos os outros browsers aparecem, testei no Firefox, Safari, Opera, Chrome e Netscape... todos funcionanram perfeitamente, só mesmo no IE é que não funciona... muito estranho!!!