Voorbeeldje van één van de vele irritante bugs in Internet Explorer.
Helaas houdt het hier zo'n beetje op. De incompetentie van IE6 slaat weer toe. Zo blijkt het niet mogelijk te zijn om bijv. een background image te gebruiken zonder een border in IE. Pas als je een color opgeeft laat IE de border achterwege. Maar dan 'overschijf' je meteen weer de background image.
Een work-around is om een div'je rond de hr te plaatsen, de hr onzichtbaar maken en de div te stijlen naar believen. Op die manier behoud je de functie van de hr voor de structuur maar kun je toch van de gewenste opmaak voorzien.
Voorbeeld:
<div style="background: red; height 3px;">
<hr style="display: none;" />
</div>
Internet Explorer heeft in dit geval minder problemen met W3C-compliant code dan W3C-compliant browsers met IE code.
Wees in elk geval verstandig, houd hoe dan ook de W3C-richtlijnen in acht. Laat de hr niet zomaar achterwege vanwege de gebrekkige support van IE6. De structuur van site is ook van belang, ook al zie je die niet direct. Het hr-element geeft een scheiding aan tussen stukken tekst. Voor de accessibility en mogelijk ook voor de zoekmachines is dat een bruikbaar hulpmiddel. De bezoekers van de site zullen je er uiteindellijk dankbaar voor zijn. En de kans dat je site ook door de komende generatie browsers goed weergegeven wordt is aanzienlijk groter.