Layout Teilbilder, Firefox-Lücken, wie mit CSS?

[karina]

Aaarghhhhhh,
wie bescheuert von mir !! :((
War schon spät gestern, tschuldigung.

Also, das Ergebnis funktioniert in IE toll, aber in Mozilla&Co haut es mir total auseinander :(((
Ich könnte mir denkem, daß es an Deinen Fehlern liegt. Du hast die </a> alle vergessen.

Jetzt sind sie alle drin, hab das Ergebnis auch noch mal durch den Validator laufen lassen, angeblich ist jetzt alles valides XHTML.

Aber auseinanderhauen tuts das in Mozilla immer noch :(
(http://www.sasze.de/test/testroh4.htm)

Das CSS würde ich übrigens mal aufräumen. 90% dürften überflüssig sein.

Ja, zweites Problem. Ich habs zwar vermutet, aber meine Aufräumversuche, alles außer Bildlink zusammenzufassen, sind gestern alle schiefgegangen, hab ich also lieber gelassen. Also neuer Versuch.

Kann ich im Folgenden getrost den ersten Block durch den zweiten ersetzen? Oder gehts noch einfacher? (Sind noch nicht wirklich 90%...)

#######################
.grafik3o a:link,.grafik3o a:active,.grafik3o a:visited {
        display: block; text-decoration: none; width: 213px; height: 70px;
        background-image: url(pics_basics/oben_blau_3o-1.gif); background-repeat: no-repeat; }

.grafik3o a:hover {
        display: block; text-decoration: none; width:213px; height: 70px;
        background-image: url(pics_basics/oben_blau_3o-2.gif); background-repeat: no-repeat; }

.grafik3o {display: block; width: 213px; height: 70px;
        background-image: url(pics_basics/oben_blau_3o-2.gif); background-repeat: no-repeat; }
########################

.grafik3o a:link, .grafik3o a:hover, .grafik3o a:active, .grafik3o a:visited, grafiko3 {
        display: block; text-decoration: none; width: 213px; height: 70px; background-repeat: no-repeat; }

.grafik3o a:link, .grafik3o a:active, .grafik3o a:visited {
        background-image: url(pics_basics/oben_blau_3o-1.gif);  }

.grafik3o a:hover, .grafik3o {background-image: url(pics_basics/oben_blau_3o-2.gif); }

###########################