Spaces in IE, but not in FF, Safari, etc.

[puffnstuff]

I hope this is something very simple to correct. The test page is here:

http://www.makosmotorsports.com/schedule2.html

Looks fine in FF (Windows) and Safari (Mac), but in IE I get a separation of components, creating transparent spaces where I don't want them. There are currently 2 spaces showing in IE.....The first is directly under the site masthead, and the second is under the "SCHEDULE" header, between the header and the actual table.


Is there anything I can do to fix this? I can't really go on with this site until this is resolved. Many thanks in advance.

[tech_support]

I don't see any whitespace.

But anyway, you can generally fix this by using the CSS property:


line-height:0;

to the container that has the spacing problem.

[jscheuer1]

Get rid of the white space in your source code here:


<img src="/images/Banner2.jpg" width="800" height="84">

<div style="border:none; background:transparent; padding-top:0px; padding-right:0px; padding-left:0px padding-bottom:0px;
width:800px; height:550px; overflow:auto;">

Like so:


<img src="/images/Banner2.jpg" width="800" height="84"><div style="border:none; background:transparent; padding-top:0px; padding-right:0px; padding-left:0px padding-bottom:0px;
width:800px; height:550px; overflow:auto;">

or style the image display:block -


<img style="display:block;" src="/images/Banner2.jpg" width="800" height="84">

[puffnstuff]

<img style="display:block;" src="/images/Banner2.jpg" width="800" height="84">

THANK YOU !!!

I added the style="display:block;" to the img tag, and that took care of the mysterious gap below the image that appears with IE.