menu a scomparsa creato con css ed azionato da javascript non va su IE6

[fairydesign]

menu a scomparsa creato con css ed azionato da javascript non va su IE6

Ciao a tutti,
ho realizzato questo semplice menu a scomparsa.
Su ie6 i sottomenu rimangono aperti, come posso fare per sistemare l'errore?

<ul id="menu">
<li><a href="#/">VOCE 1</a>
<ul>
<li><a href="#">sottovoce 1</a></li>
<li><a href="#">sottovoce 1</a></li>
<li><a href="#">sottovoce 1</a></li>
<li><a href="#">sottovoce 1</a></li>

        </ul>
    </li>
    <li><a href="#/">VOCE 2</a>
        <ul>
            <li><a href="#">sottovoce 2</a></li>
                           <li><a href="#">sottovoce 2</a></li>
                           <li><a href="#">sottovoce 2</a></li>
                           <li><a href="#">sottovoce 2</a></li>
        </ul>
    </li>
</ul>

il javascript è:
function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() {initMenu();});

questo è il css:
ul#menu, ul#menu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 200px;
}

ul#menu a { display: block; text-decoration: none;}

ul#menu li { margin-top: 0;}

ul#menu li a {
background:#e0e1e2;
border-bottom:1px solid #f0f0f0;
padding: 0.5em;
color:#056fa3;
}

ul#menu li a:hover {background:#CCC;}

ul#menu li ul li a {
background: #e0e1e2;
color: #717171;
padding-left: 20px;
}

ul#menu li ul li a:hover {
background: #ccc;
border-left: 5px solid;
padding-left: 15px;
color:#056fa3;
}

[fairydesign]

non c'è nessuno che può aiutarmi?? Io non sono una scienza in javascript...

[marcocarrieri]

Prova mettere una cosa cosi.

ul ul
{
display:none;
}

Ma non so se lo corregge.