exploring <select> being too wide, simplified

broken fieldset version alone

by Jordan

HTML

<fieldset>
	<div class="wrapper">
        <select id="section" name="section">
            <option value="-1"></option>
            <option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option>
            <option value="1480">Subcontractor</option>
            <option value="3181">Valley</option>
            <option value="3180">Ventura</option>
            <option value="3220">Very Newest Section</option>
            <option value="1481">Visitor</option>
            <option value="3200">N/A</option>
        </select>
	</div>
</fieldset>

CSS

fieldset {
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
    min-width: 0;
    max-width: none;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

select {
    max-width: 100%;
}