<style>
    div.test-area { width: 100px; height: 50px; overflow: auto; margin-bottom: 20px; }
</style>
<p>
    Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=17033">http://bugs.webkit.org/show_bug.cgi?id=17033</a>
    REGRESSION: Really long &lt;option> causes unnecessary page scroll bars to accommodate content</i>.
</p>
<p>
    There should not be scroll bars below the popup and the button.
</p>
<div class="test-area">
    <select style="width: 80px">
        <option>
            Lorem ipsum dolor sit amet
        </option>
    </select>
</div>
<div class="test-area">
    <button style="width: 80px; white-space: nowrap;">
        Lorem ipsum dolor sit amet  
    </button>
</div>