[Ikarus93]

Servus, ich weis das es schon ein ähnliches Thema gibt, jedoch bringt mich das auch nicht viel weiter.
Wir sollen für die Schule ein HTML Projekt machen, eigentlich fehlt auch nicht mehr viel, jedoch möchte ich gerne die einzelnen Navigationspunkte aufleuchten lassen. Das Problem: Chrome funzt, IE und Firefox funzt nicht.

CSS:

...

#navi-bg{
	width: 818;
	height: 47;
	background-image: url(img/navi-bg.png);
	margin: auto;
}

<!-- Die Komplette Navigationsleiste ist inklusive  der grafischen Menüpunkte in der ID navi-bg -->

#navi-links{
	width: 803px;
	height: 45px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-top: 1px;
	float: left;
}

<!-- Die ID navi-links liegt darüber und beinhaltet die einzelnen Menüpunkte
aus der klasse navi-link (welche auch leere Boxen mit fester Form sind).

.navi-link{
	height: 45px;
	width: 160px;
	float: left;
	cursor: pointer;
}
	.navi-link:hover{
	background-color: red;
	height: 45px;
	width: 160px;
	}
...

HTML:

...

<div id=navi-bg>
	<div id=navi-links>
	<a href=index.html><div class= navi-link></div></a>
	<a href=bio.html><div class= navi-link></div></a>
	<a href=videos.html><div class= navi-link></div></a>
	<a href=fotos.html><div class= navi-link></div></a>
	<a href=listen.html><div class= navi-link></div></a>
	</div>
</div>

...

Hier noch ein Bild:


Die Lösung sollte schon CSS basierend sein. Ich habe für den hover auch ein Bild, jedoch zu Testzwecken erst einmal einen roten Hintergrund gemacht, mit Hintergrundbild funktioniert es genau so wenig.