title: 2 columns (1 static and one dynamic) - how to make dynamic column scroll?
body: <p>I have static left column and right column on right. The problem is when I have a big image on the right column and I scroll, the image moves over the static div.</p>
  
  <p>Is there a way so when I horizontal-scroll the image, it'll stop at the left div and cut off before it goes over the static div?</p>
  
  <pre><code>body {
      height:100%;
  }
  
  #left {
      position:fixed;
      height:100%;
      width:200px;
      overflow:auto;
  }
  
  #right {
      margin-left:250px;
  }
  
  &lt;div id="left"&gt;
    stuff here
  &lt;/div&gt;
  
  &lt;div id="right"&gt;
    &lt;img src="http://www.superwasp.org/press_release2/millenium.jpg"&gt;
  &lt;/div&gt;
  </code></pre>