title: ScrollLeft in element with overflow:hidden
body: <p>I am using a PHP-generated map for a browser game.
  I've done the Y coordinates, but I have a problem with the X coordinates.
  If the user changes position of the map (by JQuery plugin), the X coordinates scroll with the map.</p>
  
  <p>Here is all the code (sorry for ugly CSS on this site): <a href="http://jsbin.com/uWaVANI/1/" rel="nofollow">http://jsbin.com/uWaVANI/1/</a></p>
  
  <p>The problem are in CSS (I think), because the bar with the X coordinates does not have width 100% and has line breaks. I tried <code>white-space: nowrap, position: absolute</code>, but nothing worked.</p>
  
  <p>Maybe I'm doing it wrong?</p>