Firefox und Hover Effekt

[Frosty]

Hallo Leute,

habe ein Problem mit meiner aktullen CSS Datei. Im IE funktioniert die Interpretation einwandfrei - beim Firefox musste ich aber feststellen, dass der Hover Effekt nun so überhaupt nicht funktioniert :((

Hier der Quelltext:

  
#sidebar ul {  
	list-style-type: none;  
	width: 100%;  
	display: block;  
	margin: 0;  
	padding: 0;  
}  
#sidebar li {  
	display: block;  
	border: 1px solid #cdf;  
}  
#sidebar a {  
	font-weight: bold;  
	text-decoration: none;  
	color: #04b;  
	display: block;  
	padding: 5px;  
	border-bottom: 1px solid #f9f9f9;  
}  
#sidebar a:hover {  
	font-weight: bold;  
	text-decoration: none;  
	color: #04b;  
	border-bottom: 1px solid #f9f9f9;  
	background-color: #f9f9f9;  
}  
#sidebar ul li ul li {  
	display: block;  
	border: 1px solid #cdf;  
}  
#sidebar ul li ul {  
	visibility: hidden;  
	position: absolute;  
	left: 190px;  
	background-color: #ffcc66;  
	margin: -31px;  
	  
}  
#sidebar ul li:hover ul {  
	visibility: visible;  
	  

	  
<div id="sidebar">  
	<ul>  
		<li><a href="links/links.htm">Links</a></li>  
		<li><a href="impressum/impressum.htm">Impressum</a></li>  
			<ul>  
				<li>  
				<a href="impressum/impressum.htm">Impressum</a></li>  
				<li>  
				<a href="impressum/impressum.htm">Impressum</a></li>  
				<li>  
				<a href="impressum/impressum.htm">Impressum</a></li>  
			</ul>  
		<li><a href="impressum/impressum.htm">Impressum</a></li>  
	</ul>  
</div>  
  
  

Könnt Ihr mit hier helfen?
Danke schon mal im Voraus,
Forsty :-)