Dediggefedde: div:hover in Firefox?

Beitrag lesen

Hallo!

ich wundere mich gerade über meinen Firefox 3.0.10...
Ich benutze folgenden Code:

http://sword.bplaced.net/KB/Downkat.php

<html>  
<head>  
<style>  
.grups {background-color: #D9EEF5;width:400px;border:double 3px black;height:50px;}  
.grups:hover {background-color: red;}  
.bild {float:left;display:block;width:50px;height:50px;}  
.Rein {display:table-cell;text-align:center;height:50px;width:400px;vertical-align:middle;}  
</style>  
</head>  
<body>  
<form method="post" width="100px">  
<div class='grups'><img class='bild' src="http://images.smartshopping.de/images/products/DE/30/000/001/902/D_000001902904_DE_30.jpg"><a class='Rein' href="?Dir=Programme" class='Rein'>Programme</a></div><div class='grups'><img class='bild' src="http://images.smartshopping.de/images/products/DE/30/000/001/902/D_000001902904_DE_30.jpg"><a class='Rein' href="?Dir=PHP" class='Rein'>PHP</a></div></form>  
</body>  
</html>

Der Hover-Effekt funktioniert in Safari und Opera auch ganz gut. Lediglich in Firefox und IE funktioniert das ganze nicht.
Und IE sollte das doch auch schon seit 7 können, oder?

könnt ihr mir sagen, warum FF da nicht mitspielt?