nicht angemeldet
Ich versuche gerade ein kleines Menu zu basteln.
Wenn ich auf einen Link gehe soll die dahinterliegende Grafik wechseln.
Das ganz ohne mouseover nur via hover.
Bisher sieht das so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css" media="screen">
<!--
#hmenu li a { color: #808080; text-decoration: none; }
#hmenu li a img { margin-left: 76px; width: 66px; height: 66px; display: inline; }
#hmenu li a:hover img { display: none }
#hmenu li a span img {display: none }
#hmenu li a:hover span img { margin-left: 76px; width: 66px; height: 66px; display: inline; }
-->
</style>
</head>
<body bgcolor="#ffffff">
<div id="hmenu">
<ul>
<li>
<a href="#">link1
<img src="http://www.decoramik.at/bilder/katalog/1030.jpg">
<span><img src="http://www.decoramik.at/bilder/katalog/1032.jpg"></span>
</a>
<li>
<a href="#">link2
<img src="http://www.decoramik.at/bilder/katalog/1031.jpg">
<span><img src="http://www.decoramik.at/bilder/katalog/1033.jpg"></span>
</a>
<li>
<a href="#">link3
<img src="http://www.decoramik.at/bilder/katalog/1034.jpg">
<span><img src="http://www.decoramik.at/bilder/katalog/1030.jpg"></span>
</a>
</ul>
</div>
</body>
</html>
Der Code läuft bei Firefox auch einwandfrei. Beim IE hingegen sehe ich immer nur die erste Grafik. Die zweite taucht beim hovern nicht auf.
Ich habe das ganze auch schon mit visibility probiert ... kein Erfolg.
Was mache ich falsch?