Problem bei einem Hovereffekt, Link wird nicht mehr angezeigt

[Der Martin]

Hallo,

Um es besser darzustellen habe ich es unter http://jsfiddle.net/D2vrV/2/ gepostet.
Es wäre toll wenn der ein oder andere sich mein Problem mal ansehen könnte!

ich sehe mehrere Probleme.

1. div als Nachfahre eines a-Elements ist nur in HTML 5 erlaubt, wird aber AFAIK von allen heutigen Browsern auch ohne HTML5-DOCTYPE korrekt interpretiert. Formal korrekt ist es aber erst *mit* einem HTML5-DOCTYPE.

2. Keinesfalls erlaubt ist ein a-Element als Nachfahre eines anderen a-Elements, so wie bei der zweiten Box. Das ist nicht nur eine Formalität, es bringt auch die Browser ins Straucheln, weil bei verschachtelten Links nicht mehr klar ist, wem ein Klick oder :hover zugeordnet werden soll.

3. Dein CSS hat für li eine ungültige Angabe zu 'background'.

4. Ich rätsle, was position:relative und der Versatz um -2/-21 Pixel für .box a:hover .gross für einen Sinn haben soll.

So long,
 Martin