Hintergrundbilder, a:hover im firefox
Hallo zusammen,
ich habe ein (größeres) Problem:
Ich habe einen Div-container mit Hintergrundbild angelegt (Größe 798x532 px) in dem sich der gesamte Inhalt befindet.
Auf der Startseite möchte ich 4 Links in Blockform (je 399x266 px, mit Hintergrundbildern und veränderten Hintergründen bei a:hover) angezeigt haben.
Hier der Code für den ersten Link in der CSS-Datei:
#all {
position:absolute;
top:50%;
left:50%;
width:798px;
height:532px;
margin-left:-399px;
margin-top:-266px;
background-image:url(../Bilder/HG.jpg);
}
.nav1 span {
display: none;
}
.nav1:link {
display: block;
width: 399px;
height: 266px;
position: absolute;
top: 0px;
left: 0px;
background: url(../Bilder/Bild 1.jpg);
}
.nav1:visited {
display: block;
width: 399px;
height: 266px;
position: absolute;
top: 0px;
left: 0px;
background: url(../Bilder/Bild 1.jpg);
}
.nav1:hover {
display: block;
width: 399px;
height: 266px;
position: absolute;
top: 0px;
left: 0px;
background: url(../Bilder/Bild 1 akt.jpg);
}
Der Code im HTML:
<div id="all">
<a href="seite.html" class="nav1"><span>seite</span></a>
</div>
Das funktioniert im IE ohne Probleme, der Firefox zeigt nur das HG-Bild des Containers, aber keinerlei weitere (Link)-Hintergründe.
Das gleiche Problem habe ich auch bei 2 ineinander gelegten Div-Containern. Beim 2. wird kein Hintergrundbild angezeigt.
Kann mir jemand helfen?
Vielen Dank im voraus.
joergl
|