Hi Tim,

I think you can just call out a border on just one side of your 800px wide
image, i.e.:

img {border-bottom:1px solid #fff; }

hth,
aubrey

On Thu, Sep 11, 2008 at 3:09 PM, Tim Dawson <[EMAIL PROTECTED]> wrote:

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