Question

It is just me, or using CSS to specify the width of a SELECT element does not take effect (in IE at least)?

The only way I can get the width to apply is to set it like:

<select id="pageSizes" name="size" style="width: 45px">

My CSS is:

#pageSizes
{
    width: 45px
}

Answer 1

Works fine for me in IE9 and IE7 compatibility mode (fiddle):

<select id="pageSizes" name="size">
    <option>8.5" x 11"</option>
    <option>6" x 10"</option>    
</select>

css:

#pageSizes
{
 width:45px;   
}

[edit] Judging by the behavior you’ve described, wherein an inline-style achieves the desired result, you’ve probably got a conflicting css rule somewhere. So, show us all of your css.