Meny i IE6

Hej,

Jag vet att IE6 är utdaterat men jag vill gärna få detta att funka i IE6 ändå.

Jag har en meny där de underliggande menyerna inte visas när man håller muspekaren på menyvalen. Jag undrar om någon kan hjälpa mig med detta.

Från CSS:en:

#nav li {
	float: left;
	padding: 0;
	width: 10.65em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10.65em;
	w\idth: 10.65em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {padding-right: 0.25em;	width: 10.40em}
#nav li ul a {width: 10em;	w\idth: 9em;}
#nav li ul ul {margin: -1.60em 0 0 9em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {background: #0066FF;}

Från HTML-sidan:

<ul id="nav">
        
<li><a href="" title="Sida1">Sida1</a>
	<ul>
	<li><a href="sida1.php" title="">Sida1</a></li>
	<li><a href="sida1.php" title="">Sida1</a></li>
	</ul>
</li>

<li><a href="" title="Sida2">Sida2</a>
	<ul>
	<li><a href="sida2.php" title="">Sida2</a></li>
	<li><a href="sida2.php" title="">Sida2</a></li>
	<li><a href="sida2.php" title="">Sida2</a></li>
	</ul>
</li>
	
<li>
	<a href="sida3.php" title="Sida3">Sida3</a>
</li>
	
<li>
	<a href="sida4.php" title="Sida4">Sida4</a>
</li>

<li>
	<a href="sida5.php" title="Sida5">Sida5</a>
</li>

</ul>