title: CSS - avoid horizontal scroll in IE
body: <p>I have a div which pops up into the middle of the screen and is populated with some arbitrary content.  I need it to scroll if the content added doesn't fit within the space available.</p>
  
  <p>The basic styling is left: 25%; width: 50%; max-height: 70%</p>
  
  <p>If the screen is big enough it all works fine.  In Firefox, if there's not enough space, it also works nicely, adding a vertical scrollbar to the division.  But in IE, it adds an annoying and unrequired horizontal scrollbar, and I can't figure out a way to get rid of it.</p>
  
  <p>You can see some screenshots of what I mean here:
  <a href="http://dl.dropbox.com/u/15633144/popup.html" rel="nofollow">http://dl.dropbox.com/u/15633144/popup.html</a></p>
  
  <p>Sorry I can't post the actual HTML, which certainly doesn't make this any easier!  But I'm hopeful this is a standard problem which people have worked around before.</p>
  
  <p>The usual solution posted on here plenty of times is overflow-x / overflow-y.  But in some cases the div contents do actually need to scroll horizontally, so I can't use this technique.</p>