title: CSS fixed div. Avoid unwanted overlapping
body: <p>I've got a CSS layout made of 2 columns. the navigation column to the left is a fix div. It stays there while scrolling down the main content in the column to the right.</p>
  
  <p>The problem comes when I reduce the browser window, or zoom in: when scrolling the browser windom horizontally, the main content on the right starts overlapping the navigation column on the left.</p>
  
  <p>How can I fix it so that whatever the size of my browser window or my zoom level is, when i scroll horizontally the fixed div isn't overlapped but pushes the main column to the right?</p>
  
  <p>You can see it for real at: <a href="http://justarandomone.tumblr.com/" rel="nofollow">http://justarandomone.tumblr.com/</a></p>
  
  <p>All the code is in the source (It is pretty messy, sorry for that).</p>
  
  <p>Hope some one can help. Thanks!</p>