rozwijane menu w css Opcje

[sebcio80]

troche pokombinowalem w css i z dwoch przykladow, ktore u mnie nie dzialaly zlozylem jeden, ktory dziala tylko na IE7 i tylko lokalnie (w krasnalu) na Mozilli nie dziala, wogole menu sie nie rozwija, siedzialem pol nocy i nie wiem dlaczego, ktos ma jakis pomysl?

menu jest dwustopniowe jako zwykla lista z <LI> i <UL>

Kod

#menu ul
{
    text-align:left;
    list-style-type: square;
    padding-left:15px;
    margin: 5px;
    border-bottom:1px solid #008000;
}

    
    
#menu ul li
{
    position: relative;
    z-index: 5;
}
    
    
    
#menu li ul
{
    position: absolute;
    z-index: 5;
    top: 0;
    display: none;
    padding:0;
    margin:0;
}
    
#menu li ul ul
{
    position: absolute;
    z-index: 5;
    top: 0;
    display: none;
}    
    
    
#menu ul li a
{
    border-left:1px solid #008000; border-right:1px solid #008000; border-top:1px solid #008000; display: block;
    text-decoration: none;
    background: #006600;
    border-bottom: 0px none;
}
  

#menu a
{  
    padding: 1px 0px 1px 5px;
    display: block;
    width: 12em;
}

#menu li ul a
{    
    width: 15em;
}

#menu li ul ul a
{    
    width: 35em;
}

#menu a:hover
{
    background:#008000;
}

#menu li:hover ul, #menu li.sfhover ul
{
    display: block;
}

#menu li:hover ul ul, #menu li.sfhover ul ul
{
    display:none;
}

#menu li li:hover ul, #menu li li.sfhover ul
{    
    display:block;
}