IE6 page height problem

[nicky77]

Hi, I've just developed a website which renders fine on Firefox, IE7 and Safari, but as usual has needed some surgery for IE6. I'm now left with a problem which I can't seem to fix. I have a footer which should should just attach to the bottom of my main container background image (as can be seen in IE7 and FF), but in IE6 the container div element seems to be adding space between the content div and the footer (and occasionally after the footer as well).

Any ideas on what's happening here? I've tried using height:auto for my main container div as i need the page to be able to expand depening on the volume of content. I've also tried changing this to height:100% but this doesn't fix the IE6 issue.

The site is www.taylorandhenderson.co.uk

Thanks in advance for any help.

[drhowarddrfine]

Unrelated but these need to be fixed.

#gallery ul li .name{color:#FFFFFF; font-size:1.5em; float:left;margin-right:10px;#}
#gallery ul li .job{color:#DD754C; font-size:1.5em;clear:right;}
/*safari hack - bit filthy but have a problem floating name and job on same line*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#gallery ul li .job{float:right;}
}

[drhowarddrfine]

What does adding 'margin:0' directly on #footer or '#footer p' do?