How to get shot of white gap in footer in WinIE6.

[DimFish]

Hi,

In Win IE6, at the bottom of the footer, I get a white bar about 5px high just before the bottom of the window. (doesn't appear in Firefox, Safari etc).

Here's the page:
http://www.stridetraining.co.uk/

Here's the CSS:

#footer {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-style: normal;
color: #333333;
margin: 0;
padding: 0;
clear: both;
text-align: left;
height: 40px;
}

http://www.stridetraining.co.uk/css/stridecss1.css

It's all been a bit hit and miss on this site, so I am expecting to have just done something a bit shoddily. Can anyone spot how to get rid of the white space?

Many thanks,

Andrew.

[_Aerospace_Eng_]

This is possibly a margin problem with your paragraphs, or it could be the IE whitespace bug. Make sure your closing and beginning tags are on the same line, or IE6/win will possibly pick up a slight linebreak due to white space. I always add this bit to the very top of my CSS

* {
margin:0;
padding:0;
}

That sets all padding and margin to 0, you then of course would have to add padding or margin where needed manually.

[JamieR]

Global Whitespace reset has always worked for me - that should fix your problem