Position Fixed in CSS on website not rendering consistently in specific version of Safari

I am having difficulty getting a website to render consistently in Safari 6.1.6, which is what my client has. I have Safari 6.2.5.

On this website:
http://shoperenowharton.com

...the large background images do not scroll. This is accomplished by setting the parent DIV "homebg" with position:fixed, top:0, left:0. In Safari 6.1.6, the background image stays fixed, as I want it to.

On this website:
http://bam.bbdesign.com

...its exactly the same technique, DIV "bgmain" has position:fixed, top:0, left:0. However, in Safari 6.1.6, the background images are scrolling upward along with the rest of the page content, i.e. NOT staying fixed.

I understand different browsers support different CSS, but position:fixed has been around for a long time. I have also not been able to duplicate this problem in any other browser. Is there something in my CSS for these two sites that is different enough to cause the problem?

Would appreciate another set of eyes on this, or any advice. Most specifically, I just want to know why Safari 6.1.6 is scrolling my DIV which I have styled with position:fixed.

Thank you!
Brad BansnerWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

gheistCommented:
Lion and Safari 6.1.6 are EOL, you should test with 7.2.5 and up only (especially when upgrade to yosemite is free)
0
Brad BansnerWeb DeveloperAuthor Commented:
Understandable. Its tough when these old browsers are floating around out there. And my client in this case is a design agency, it is difficult to convince them that the problem is with their computers.
0
gheistCommented:
w3c jigsaw tells you use vendor css extensions... They usually are meant for old browsers that predate modern standards, e.g. html5
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
David S.Commented:
The most significant difference I see if that the <img> elements are each wrapped in their own <div> and yet both are absolutely positioned. Try replacing "position:absolute" with "display:block" in "#bgmain div.bgmainwrap img".

Designers are just like other clients except they tend to under-appreciate the differences between web design and print design.
0
gheistCommented:
But you cannot make CSS render in NCSA Mosaic browser...
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.