footer cut off in IE8

[kloy]

I’m floating a image right–just above the footer.
I was having lots of problems with this. For some reason, the footer was just plain not showing up.
I added a clearing div above the footer div and that seems to work fine in all browsers excpet IE8.

In IE8 the footer image…which is set to repeat x, is cut off.
Any ideas???
Thanks!

http://www.palettedesign.com/

Code:

#flowers{
position: relative;
float: right !important;
width: 282px;
height: 452px;
margin-top: -390px;
z-index: 400;
}

.clearer {
line-height: 0px;
font-size: 0px;
clear: both;
height: 0px;
width: 0px;
visibility: none;
}

#footer{
position: relative;
background-image:url(palettefooter.gif);
background-repeat:repeat-x;
background-position:top;
height: 70px;
}

[aspiringWebbie]

Hi Kloy –
You may want to try to remove the .clearer class all together and just add clear: both to the footer. Maybe try positioning the flowers absolute as opposed to positioning them relative?
I am new so this may not be correct – but these are things I would try if I were in this predicament.

[TheDoc]

I’m going to assume you got this sorted as it looks fine to me.

[Author]

Posts