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/