mit hover hintergrund eines divs ändern - geht nicht mit firefox

[Labera]

Hallo.

Ich suche schon seit zwei tagen vergeblich nach einem fehler:
ich habe ein div mit der klasse "navilinkbild":
<div class="navilinkbild"></div>

und habe die klasse in einer externen css-datei definiert:

  
<!--das ist im head der html-datei... -->  
<link rel="stylesheet" media="all" type="text/css" href="stylesheet.css">  

  
/* das ist jetzt in stylesheet.css : */  
.navilinkbild {  
	background-image:url(klein.jpg);  
	background-repeat:no-repeat;  
	border:0px black;  
	margin:0em;  
	padding:0em;  
	height:36px;  
	width:100px;  
	text-align:center;  
}  
  
.navilinkbild:hover {  
	background-image:url(klein-rot.jpg);  
}  

das problem:
das hintergrundbild ändert sich nicht, nicht in firefox, aber in safari und chrome schon!

was ist falsch??????!

mfg - labera