title: Overflow hidden issue with background repeating div
body: <p>I'm trying to use a <code>div</code> to repeat a background to 100% of the height of the content inside the wrapper. </p>
  
  <p>I'm using <code>overflow: hidden</code> to do this, but this (unsurprisingly) cuts off content at a point dependent on the user's screen resolution. </p>
  
  <p>Removing the <code>overflow:hidden</code> line means the background won't repeat at all and the <code>#wrapper</code> div doesn't assume the full height of the content. </p>
  
  <p>You can see my code and a preview here - <a href="http://jsbin.com/ikuba4/2" rel="nofollow">http://jsbin.com/ikuba4/2</a> - if anyone has any pointers that would be great!</p>
  
  <p>EDIT: To clarify, the issue is that I need my <code>#wrapper</code> div (which contains the background image slice repeating vertically) should dynamically extend its height to the height of the #inner_wrapper div - removing <code>overflow:hidden</code> results in the <code>#wrapper</code> div not extending its height at all, while using <code>overflow:hidden</code> extends the height to a point but then content gets cut off. </p>