IE has a 22px gap in the footer…

On this page:

[url]http://www.businessliving.co.uk/downloads.asp[/url]

The footer should be tight to the image on the left, with only a 1 pixel gap (like it is in Firefox)

Instead, you can see its about 22px away. Also, the leftDiv (which I’ve given a grey background” carries on down 1 extra pixel in IE, to give a 2 pixel border at the bottom.

Any ideas?

Code for the leftDiv, img_propertysearch and footer below:

[code]
#leftDiv {
clear: left;
float: left;
color: #fff;
margin: 0;
padding: 0;
font-size: 9px;
line-height: 0;
width: 200px;
border-top: 1px solid #fff;
background: #ccc;
}

#img_propertysearch {
margin: 1px 0 1px 0;
padding: 0;
}

#footer {
clear: both;
margin: 0 auto;

width: 908px;
height: 20px;
line-height: 16px;
background: #22568a;
padding: 4px 12px 0 0;

text-align: right;
font-size: 11px;
}
[/code]

Also in #CSS _↴