Currently using Firefox 25, although the issue is also present in IE7/8
This piece of HTML code is causing trouble:
<div class="element">
<div class="form">
<label for="form"> <span>Form:</span> </label>
</div>
<select id="form" name="form" class="dropdown">
<option value="Contracts - Literary">Contracts - Literary</option><option value="Published work registration">Published work registration</option>
</select>
</div>
</div>
The Firebug tool shows that this CSS is being applied:
div.box .dropdown {
background: none repeat scroll 0 0 #333333;
border-color: #171717;
border-style: double;
border-width: 1px;
color: #FFFFFF;
padding: 3px;
width: 180px;
}
.actions_toolbar input, select {
background-color: #BBBBBB;
border: medium none;
color: #114477;
height: 100%;
margin: 0;
padding: 0;
}
I am puzzled as to why the second CSS rule .actions_toolbar input, select is specifically being applied. Shouldn't it only be applied to select elements within an element with the class .actions_toolbar?