[renderbugje] Border om link niet goed

[BtM909]

Ik denk dat het een renderbugje is, maar weet het niet zeker (moet eerlijkheidshalve bekennen dat ik nog niet eens verder heb gekeken).

Maar topics met een topicnotitie krijgen een mooi rood puntje op het moment dat je op het mapje wilt klikken:

Hierboven heb ik een mousedown op het mapje en ontstaat dus het rode vierkantje

Bij topics zonder een notitie komt het bordertje netjes om de hele image heen.

[ Voor 9% gewijzigd door BtM909 op 08-10-2008 14:29 ]

[BtM909]

Generiek: Dit probleem doet zich alleen voor in FF(3), niet in Chrome of IE(7).

---

Ff wezen debuggen en het ligt aan de volgende HTML:

HTML:

<a rel="nofollow" href="http://gathering.tweakers.net/forum/list_message/30993182#30993182">
  <span class="overlay">
    <img width="22" height="16" title="ga naar laatste bericht in topic" alt="[closed]" src="images/icons/Closed_off.gif"/>
    <img width="7" height="9" class="note" alt="[note]" src="images/icons/topicnote.png"/>
  </span>
</a>

In het specifiek de a in combinatie met de overlay span.

Simpele oplossing is de a een

Cascading Stylesheet:

a{
 display: block;
}

/* Maar dan wel met de juiste selector :P */

mee te geven. Heeft geen invloed op linkjes zonder die overlay. Kan het alleen niet testen in IE en Chrome (obviously)