Mouse Over - geht nicht

[SEO-Bodensee]

Hallo,

Warum funktioniert das im Mozilla und im Explorer nicht?
Hat jemand ne Ahnung wo der Fehler steckt?

CSS

<style type="text/css">

span.BildG { display:none; }
span.BildGG { display:block; }
div.Bilder a:hover span.BildG { display:block;}

</style>

Code

......$res = mysql_query($sqlab);
while ($zeile = mysql_fetch_assoc($res))
echo '
<div class="Bilder" style="width:140px; height:90px; position:absolute; left:389px; top:6px; z-index:1;">
<a href="#"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild1.jpg" height="75" border="2"><span class="BildGG"><div class="layer1a" style="background-color:#FEF08D; width:335px; height:210px; position:absolute; left:-349px; top:0px; z-index:1;"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild1.jpg" height="200" border="2"></div></span></a>
</div>

<div class="Bilder" style="width:140px; height:90px; position:absolute; left:568px; top:6px; z-index:1;">
<a href="#"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild2.jpg" height="75" border="2"><span class="BildG"><div class="layer1b" style="background-color:#FEF08D; width:335px; height:210px; position:absolute; left:-528px; top:0px; z-index:1;"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild2.jpg" height="200" border="2"></div></span></a>
</div>

<div class="Bilder" style="width:140px; height:90px; position:absolute; left:389px; top:110px; z-index:1;">
<a href="#"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild3.jpg" height="75" border="2"><span class="BildG"><div class="layer1c" style="background-color:#FEF08D; width:335px; height:210px; position:absolute; left:-349px; top:-104px; z-index:1;"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild3.jpg" height="200" border="2"></div></a>
</div>

<div class="Bilder" style="width:140px; height:90px; position:absolute; left:568px; top:110px; z-index:1;">
<a href="#"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild4.jpg" height="75" border="2"><span class="BildG"><div class="layer1d" style="background-color:#FEF08D; width:335px; height:210px; position:absolute; left:-528px; top:-104px; z-index:1;"><img src="kundenverwaltung/'.$zeile['kundennummer'].'/bild4.jpg" height="200" border="2"></div></a>
</div>';



?>
</div>
<div id="layer8" style="te......

Oder einfach anschauen: Link zur Testseite

 

[thuemmy]

Ich kann Dir zwar nicht mit Sicherheit sagen, woran es liegt, aber was mir an Deiner Seite aufgefallen ist, sind die 41 Warnungen, die mir Firebug anzeigt, und HTML / XHTML / XML / WML Validator weigert sich sogar, die Seite zu validieren, wegen des fehlenden Doctype. Gerade der IE ist hier sehr penibel.

Gruß thuemmy

 

[Efchen]

Auf jeden Fall grassiert hier die divitis. Ein Block-Element (z.B. <div>) darf nicht innerhalb eines Inline-Elements (z.B. <span>) stehen.
Bei fehlerhaftem Code kann die weitere Verarbeitung nicht gewährleistet werden.