[SOLVED] IE 7 background-position problem

[catalystmediastudios]

https://www.erapbdesigns.com/catalyst_new.html

The problem is the background-positioning in IE 7 for #divBottomSectionOuterBGWrapper. The background positions itself properly in FF, Opera, Safari 3 for Windows, and even IE6, but for some reason IE7 isn't rendering it correctly. Now here's the weird thing. When I give it an absolute background position like "left 100px" It shows fine in IE7 and all others...weird....Anyone have some ideas?

Approx. Line 57 in the css

Code: Select all

#divBottomSectionOuterBGWrapper {
    background-color: #FFFFFF;
    background-image: url(../slices/bottom_section_bottom_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 100%;
    overflow: hidden;
}

https://www.erapbdesigns.com/catalyst_new.html

Thanks in advance,

Paul

P.S. Code is valid XHTML Strict

[MikeHopley]

How strange. On your site now, it looks right in IE7, and wrong in FF.

Have you tried using % notation instead? For example, "background-position: left 100%".

Your page looks fantastic, by the way.

[catalystmediastudios]

Really? I have Firefox 2.0.0.9 on Vista and IE 7 on Vista. I just changed the positioning to bottom because you may have thought that was the bug I don't know though. 100% doesn't work in IE7 either Thanks for the compliments on the design

[catalystmediastudios]

Nevermind fixed it. It was a bug with the overflow:hidden; attribute. I didn't upload it so it will still look the same if you try to view it. Thanks for the help though

[karinne]

Originally Posted by MikeHopley

Have you tried using % notation instead? For example, "background-position: left 100%".

Hmmm ... I don't think you can have a numerical value with a keyword (left, right, etc...)

But ... now that I'm looking the W3C background-position section there is no mention of that

[catalystmediastudios]

I've done it before and it seems to work. I just ran it through validations and that didn't come up as an error. I did forget to take out a float property though haha.