Problème avec ie6 et class sous menu

Bonjour à tous,

Voila le problème:

JE ne trouve pas la solution dans mon code pour arriver à demander à IE 6 de décaler mes sous-menus vers la droite:
tous fonctionne sous IE7,8 et FF mais pas sous IE6
Je crois que IE6 ne prend pas en compte le hover? des sous menus mais...
D'avance merci pour votre aide


voici le code :

html:

<div id="menu">


<ul class="niveau1">
<li class="sousmenu"><a href="#">texte</a>
<ul class="niveau2">
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#">texte</a>
<ul class="niveau2">
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
<li><a href="#">texte<
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
<li><a href="#">texte</a></li>
</ul>
</li>
</ul>
</div>

css:

div#menu {
width: 170px;
height:300px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
div#menu a {
color:#000000;
}
div#menu ul {
padding: 0;
width: 170px;
margin:0px;
}
div#menu li:hover {
}
div#menu li.sousmenu:hover {
}
div#menu ul li {
position:relative;
list-style: none;
border-bottom:1px solid;
border-color:#CCCCCC;
}
div#menu ul ul {
position: absolute;
top: 0px;
left: 170px;
display:none;
background-color:#6666CC;
}
div#menu li a {
text-decoration: none;
padding: 4px 0 4px 4px;
display:block;
border-left:1px solid #BBB;
width:152px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
}
div#menu li a:hover {
border-left:#663399 3px solid;
text-decoration:underline;
}
div#menu ul ul li a:hover {
border-left:#663399 3px solid;
text-decoration:underline;
}
div#menu ul ul ul li a:hover {
border-left:#663399 3px solid;
text-decoration:underline;
}