footer image out of position in IE8

[johndove]

Hi,

Please see URL: http://caspca.org/wordpress/

There is a curved image at the base of the footer, coded:

#bottom {
    background: url("images/FooterBkgrnd.png") repeat scroll 0 0 transparent;
    height: 38px;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

It displays correctly in IE9 and every other browser, but goes way off to the right in IE8. Can anyone give me a fix for this?

Thank you.

[cbVision]

Not sure if this matters, but the order of your background CSS shorthand is off.

Try:

background: transparent url('images/FooterBkgrnd.png') no-repeat 0 0 scroll;

I also added no-repeat. Not sure why you'd want it to repeat.

[johndove]

cb,

Sorry, I should have copied directly from the CSS, you're right, I want no repeat:

#bottom {	
background:url(images/FooterBkgrnd.png) top center no-repeat;
width: 1000px;
height: 38px;
padding: 0;
margin: 0 auto;
	}

but it still doesn't center.

[rtrethewey]

You might try running the page through the W3C validator. When I did, it spotted a couple of stray <div> or </div> tags, which could be why IE8 is having problems rendering the page. I don't envy you having to unwind a Wordpress theme, though. Good luck!

[johndove]

rtre,

you're exactly right. <div class="right"> was missing a closing tag (duh). : )

Thank you guys!

John