CSS on Select Box

[cfgcjm]

I've had this problem before and just left it go however now i have no choice but to deal with it. I have a select box:
<select name="hr" id="hr" class="fieldhr" onchange="wipebutton();">
<option></option>
<option>5-A</option>
<option>5-B</option>
<option>6-A</option>
<option>6-B</option>
<option>7-A</option>
<option>7-B</option>
<option>8-A</option>
<option>7-B</option>
</select>

And I need to change some of it's css properties. I've tried external, internal, and inline CSS and the only properties that will change in IE are height and width. Any changes made to the border, font-size, paddings, etc. show in FF but not IE (7+).

Any idea why...and how to fix this?

[ray326]

There are many things IE doesn't do.

[cfgcjm]

and this is one of them?

[ray326]

Yep. You can try using ids or classes on the options and styling based on those selectors but there are a lot of shortcomings in even the latest IE's handling of CSS.