Benni: Link funktioniert nicht bei Klick auf das Bild

Beitrag lesen

Hallo,
im nachfolgenden Beispiel wird im IE8 der link ausgeführt, wenn ich auf den Text    o d e r    das Bild klicke. Im IE 7 und älteren klappt der link nur beim Klicken auf den Text, obwohl beim Überfahren des Bildes sich der Cursor verändert und die Link-Adresse unten in der Statuszeile angezeigt wird.
Wie bekomme ich dies auch in IE7/IE6 hin?

Hier das Beispiel:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<style type="text/css">  
<!--  
a img {zoom:1; display:inline; vertical-align:middle;  
                     width:48px;height:48px; border:none;}  
a span {zoom:1; display:inline; vertical-align:middle;}  
  
a .invers {display: none;}  
a:hover .normal {display: none;}  
a:hover .invers {display: inline;}  
  
/* Hack für IE6 und älter */  
a:link {border-style:none;border-color:#fff;}  
a:hover {border-style:none;border-color:#ffffff; cursor: pointer;}  
-->  
</style>  
  
  
</head>  
<body>  
<p>  
  <a href="http://www.example.com">  
    <span class="normal"><img src="/bild1.gif" alt ="">Normal</span>  
    <span class="invers"><img src="/bild2.gif" alt ="">Invers</span>  
  </a>  
</p>  
</body>  
</html>