exploring <select> being too wide, simplified

div with min-content, emulating fieldset

by roryokane

HTML

<div class="fieldset"> <!-- replaces <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>
</div>

CSS

div.fieldset {
    min-width: -moz-min-content;
    min-width: -webkit-min-content;
}

select {
    max-width: 100%;
}