title: Twitter bootstrap scrollable modal
body: <p>I'm using twitter bootstrap for a project I am working on. </p>
  
  <p>I have a modal window that has a somewhat longer form in it and I didn't like that when the window got too small the modal didn't scroll (if just disappeared off my page which isn't scrollable). </p>
  
  <p>To fix this I used the following css</p>
  
  <pre><code>.modal {
      overflow-y:auto;
      max-height:90%;
      margin-top:-45%;
  }
  </code></pre>
  
  <p>This works exactly the way I want it to in Chrome (that is, the form is full size when the window is big enough, but as the window shrinks the modal shrinks and becomes scrollable). The problem is that in IE the modal is off the screen. Does anyone have a better solution to this problem?</p>
  
  <p>My example can be found at tinyhousemap.com (click 'Add an Entry to the map' in the navigation window for the modal to appear)</p>
  
  <p>Thanks</p>