title: HTML/CSS zooming
body: <p>Having some difficulties with zooming HTML elements. In FF or Chrome, take a look at (very, very simple, small code):</p>
  
  <p><a href="http://jsfiddle.net/92wHQ/4/">http://jsfiddle.net/92wHQ/4/</a></p>
  
  <p>From the drop down, select 150%. The black and white gradient box will scale to 150% of its origin size. Now that it's scaled, notice that the horizontal scroll bar appears and the vertical scroll bar expands to accommodate the new, larger, scaled height and width.</p>
  
  <p>Now switch from 150% to 50%. The gradient box does indeed scale to 50%, but notice that the (vertical) scroll bar does not contract to accommodate the new, smaller, scaled height. Instead, there's a bunch of empty white space under the gradient box.</p>
  
  <p>How come browsers refresh the scroll bars for scaling greater than 100%, but not less than 100%? How can I get the same behavior for the less than 100% as I do with greater than 100%? I don't want this white space.</p>