title: IE-specific work around for overflow handling
body: <p>So I have a table that is contained within a div. The table is larger than the div. I don't want to resize the div by hand and all browsers except IE resize it to contain the whole table automatically. Without any overflow attribute changes, IE makes the last td overlap with the containing div's border. If I set overflow: auto;, IE adds scroll bars and the other browsers still just resize the containing div.</p>
  
  <p>While we have a temporary fix in the aforementioned solution of using overflow: auto;, I don't think the client will be much happier with the scroll bars than they are with the element overlapping the border. Is there something I can do to make IE behave as the other browsers without manually resizing the containing div explicitly? Perhaps a display: property?</p>
  
  <p>An image of the overlap can be seen at <a href="http://i.stack.imgur.com/lwWUk.png" rel="nofollow">http://i.stack.imgur.com/lwWUk.png</a> .</p>
  
  <p>All help appreciated. Thanks very much everyone.</p>