Hintergrundbild im Firebox, Style von <a>

[tdenner]

Warum geht das nicht? Im InternetExplorer 7 funktioniert es ohne Probleme. Die Grafik wird angezeigt und beim darüberziehen der Maus wird die andere angezeigt. Der Firefox zeigt nichts an.
Auch wenn ich background-image: in background: ändere wird es nicht angezeigt.

Warum nimmt er die width & hight nicht an?

<style>
			a.flagge-de { width:55px; border:none; text-decoration:none; margin-bottom:0px; }
			
			a.flagge-de:link, a.flagge-de:visited     { 
					background-image:url(images/flagge.de.intro.off.png); 
					background-repeat:no-repeat;
					width: 55px;
					height: 35px; }
			a.flagge-de:hover,a.flagge-de:active    { 
					background-image:url(images/flagge.de.intro.on.png); 
					background-repeat:no-repeat;
					width: 55px;
					height: 35px; }
</style>
			<a class="flagge-de" href="#"></a>

[steffenk]

width und height gibts nur bei Block-elementen, a ist ein inline-Element.
ändern kann man das Verhalten mit display:block;