When background added with height, objects move!

[EddieE1]

First of all, love the script, was just what I needed... The issue I'm having is that when I put it in a wrapper background i.e.

whatidowrapperbg {

position:relative;
background:url(../img/whatido-bg.jpg) no-repeat;
background-color:#FFF;
margin:0 auto;
min-height:900px;
width:1200px;   

}

When the objects return back to zoom it shifts 10pixels to the left losing the smoothness. As soon as I lose the height and width it's fine but then I lose the background image... Any suggestions?

Thanks

[Evan You]

Can you make a jsfiddle/codepen that reproduces the issue? It's a bit hard to identify the problem just from your description...

[EddieE1]

Thanks for your response, I have a testing link here: http://www.begraphics.com/p4/whatido.html I can create a fiddle if you need it further broken down?

Thanks

Eddie

[EddieE1]

Just to add to this, it just seems to be a firefox bug... tried in google and safari with no issues, will try IE when i get to PC!

[EddieE1]

Actually it is on a PC on every browser hmmm... Any ideas? This issue is the only thing preventing me launching my site :-(