title: WebKit and overflow: hidden affecting width
body: <p>I'm having a problem with overflow and width in Google Chrome/Webkit. This is a follow-up question on <a href="https://stackoverflow.com/questions/3370342/css-float-bug-with-side-pane-resizing-main-content/">this question</a>, there you will find the CSS. I need to have <code>visibility: hidden</code> to fix the problem in the first question.</p>
  
  <p>The problem is visible in the screenshots below.</p>
  
  <p>Why does this attribute affect the width in Webkit? Can I solve this without nasty hacks? Or can I re-think my strategy for the right pane?</p>
  
  <p>Main div with <code>overflow: visible</code>. The div is stretched to the right pane, as it should be.</p>
  
  <p><img src="https://dl.dropbox.com/u/685263/no-overflow.jpg" alt="no overflow"></p>
  
  <p>Main div with <code>overflow: hidden</code>. The right pane is now affecting the main div's width.</p>
  
  <p><img src="https://dl.dropbox.com/u/685263/overflow.jpg" alt="overflow"></p>