Posted by Jonathan N. Little on 02/25/07 15:09

Jukka K. Korpela wrote:
> Scripsit Jonathan N. Little:

>> In IE see the mysterious hairline border *inside* the real border?
>
> Indeed. It's like a 1px thin inset border inside the real border (use
> zooming to see it clearer). Setting the content color removes the
> mysterious border.

Hmmm now that is interesting and quite unexpected! Constancy in behavior
is not one of IE's strong points!
>
>> Make doing something like this very frustrating.
>>
>> hr { height: 25px; border: 0; background-image: url(fancy.gif); }
>
> Due to the IE problem, it's perhaps better to use
> <div class="hr"><hr></div>
> with
> .hr { height: 25px; border: 0; background-image: url(fancy.gif); }
> hr { display: none; }
>

Yeah, but this is really, really ugly with respect to clean -
non-presentational markup...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]