I have a page which has two full width images in the header, one below the 
other.  I want to have a thin white line between the two.  I tried <hr /> but 
ran into problems in IE, so tried a border-top on the lower image.

No problem in FF3, but IE7 is introducing extra space (margin ?) above the 
border.  I've not tried IE6 yet.

http://www.holidaymullandiona.co.uk/pages/home1.php

The CSS for the border (styled on the page) is:
img {border: 0; margin: 0; padding: 0;} /* just in case it were set differently 
elsewhere */
img#sl {border-top: 1px solid #FFF;}

The DOCTYPE is xhtml transitional, and the HTML and CSS validate.

I wondered about a box model problem, but thought these were fixed in IE7 ?

Any suggestions, please ?

-- 
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