jQuery not properly reading CSS "left" property when Chrome is zoomed in?
<p>Discovered a strange problem that went undetected because I do 99% of my web dev in Windows.</p>

<p>I've got a neat jQuery-based slider for feature stories on a website. You can see it at <a href="http://www.vancitybuzz.com/" rel="nofollow">http://www.vancitybuzz.com/</a></p>

<p>I can't seem to figure out why the slider fails on OSX even when using the same version of Chrome. When jQuery reads <code>$("#slidebox .container").css("left").replace("px","")</code> it returns <code>-533</code> on the first "slide" even though the DOM inspector is actually <code>-640</code>.</p>

<p>Is this a jQuery 1.7.1 bug or a Chrome bug? Workaround? Thanks.</p>

<h2>EDIT</h2>

<p>I have found what causes this problem. When Chrome v17 is zoomed in (turns out it wasn't OS-specific, only defaults caused by OS) it screws up the real reading of CSS left property. What could be a workaround for this?</p>

<p>You can find the code that controls SlideBox at the bottom here: <a href="http://www.vancitybuzz.com/wp-content/themes/meganfox/js/meganfox.js" rel="nofollow">http://www.vancitybuzz.com/wp-content/themes/meganfox/js/meganfox.js</a></p>
