I want to draw a single white horizontal line, 800px wide, 1px high, between two
images.  I know this could be done by adding a line to one of the images, but
they already exist (in several variants) and I was hoping not to have to modify
them all.  I'd like to use the <hr /> element if possible.

Firefox is happy with 'hr {width: 800px; height: 1px; color: #FFF; margin: 0;}'
but IE7 insists on inserting transparent space above and below the line (whether
this is margin, padding, or something else is moot, but adding 'padding: 0;' to
the style has no effect).

I have read the long thread on this subject from last April, but I found it
confusing and inconclusive.  I've tried using an empty div only 1px high, with 
background, but IE still insists on transparent spacing.

Is there a simple cross-browser solution ?  Or have I got to edit those images ?

Tim Dawson.




-- 
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull  PA66 6BP

01681 700718

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to