Guten Morgen Ingo,
eine interessante Lösung, die ich jedoch nicht verstehe.
Hintergrundbilder können ja nicht skaliert werden, daher habe ich ein ähnliches Problem damals mit zwei img-Elementen (für das große und das kleine Bild) gelöst. Gut, man kann das Hintergrundbild in einen skalierten div-Rahmen packen.
Nur wo wird die Höhe der hover-prof-Bilder auf die 285 px gesetzt? Der div-Rahmen hat die Höhe 443 px, das nachfolgende a-Element keine ausgewiesene Höhe und erst die blassen Bilder bekommen im img-Element die Höhe 285 px zugewiesen. Der Zeigerfokus wird jedoch auf das darüberliegende a angewendet (a:hover). Ebenso die Breite. Wo stehe ich da mal wieder auf dem Schlauche?
Im übrigen glaube ich, dass für "xhtml1-strict" einige schließende Etikette fehlen; aber das ist meine ganz persönliche Meinung ...
Mit Gruß
Dada