Marje Cannon wrote:
> Can anyone explain why I am getting the extra white horizontal line 
> below the footer? Occurs in both FF and IE7.

> http://www.fmocompanies.com/working.html

Yes. The image in footer contains a 5px transparent part at the bottom,
and that is included in the #footer height. So, the background is
visible through the transparent bottom of the image.

Alternative 1:
Crop the image - lose the transparent part at the bottom and make it
290px tall, and also make the #footer 290px tall. Then the white
horizontal line will be gone.

Alternative 2:
- Leave the image as is.
- Change footer-styles to...
#footer {
width: 900px;
height: 290px;
overflow: hidden;
}
...and the transparent part of the image will be hidden, and the
horizontal line will be gone.

I can think of a few more alternatives - involving 'negative backside
margins on floats' etc, but the above should do for now.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to