Dropdown Selector Functionality
Dropdown selections work the way you would expect. The only addition is the maximum width of these selectors is 90%, so that if you have an extremely long option, the dropdown won't run off the page. Of course, this doesn't work on IE 6, but surprisingly, it also doesn't appear to work on Safari. Try to make sure that your dropdown options are relatively short. Here's an example:
Relevant HTML
<div class="formRow"> <div class="formLabel"> <label for="dropdown">Dropdown</label> </div> <div class="formElement"> <select name="options"> <option selected="selected">All</option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> <option>Option 4</option> <option>Option 5</option> </select> </div> </div>
Relevant CSS
.formElement select
{
max-width:90%;
}