JQuery Dropdown combobox .... WIDTH

JQuery Dropdown combobox .... WIDTH

hey guys,

hopefully someone can help me out with this problem.

http://dev.discover-nespresso.com/whereToBuy.htm

I am having trouble getting the correct width that i want for this dropdown menu to appear. I want the dropdown to take the width of the div it is contained in, so 100% (or 213px).

But the dropdown seems to take the width of the initial select element (Please Select Your State). It displays better in IE than FF, in FF the "Please Select Your State" is getting cut off.

I'm sort of stuck with this problem as i cant see how to adjust the width, the style of width that is added to the select tag is generated by the JS, it is not in the actual html code.

HTML CODE:
                  <div class="locationDropdown">
                    <select name="webmenu" id="webmenu"  onclick="showValue(this.value)">
                        <option>Please Select Your State</option>
                        <option>Alabama</option>
                        <option>Alaska</option>
                        <option>Arizona</option>
                        <option>Arkansas</option>
                        <option>California</option>
                        <option>Colorado</option>
                        <option>Connecticut</option>
                        <option>Delaware</option>
                        <option>Florida</option>
                        <option>Georgia</option>
                        <option>Hawaii</option>
                    </select>
                  </div>


CSS:
.msDropDown div{display:inline-block; color:#040404; text-align:left; font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:11px; }
.msDropDown { background:#f3f3f3; border:1px solid #DA1751; padding:0px 0 0 8px; width:auto; display:inline-block; position:absolute; }
.msDropDown .msDropDown_Child{border:1px solid #DA1751; display:none; width:auto; margin:0; padding:0; cursor:pointer; background-color:#FCFCFC; height:auto; overflow-y:auto; overflow-x:hidden}
.msDropDown .msEnabled{cursor:pointer}
.msDropDown .msDisabled{cursor:default;}
.msDropDown .msArrow{width:17px; position:relative; float:right;}
.msDropDown .msDropdownTitle{width:auto; display:inline-block; float:left; padding-top:2px; overflow:hidden;}
.msDropDown img{border:0}
.msDropDown a img.icon{padding-right:2px;}
.msDropDown .msDropDown_Child a{padding:3px 0 3px 8px; text-decoration:none; display:block; height:auto; clear:both; margin:0; width:130%;}
.msDropDown .msDropDown_Child a, .msDropDown .msDropDown_Child a:visited{color:#040404;}
.msDropDown .msDropDown_Child a:hover{color:#040404; background-color:#DA1751;}
.msDropDown .msDropDown_Child a.selected{color:#040404; background-color:#F8AA13;}


Please Help!! Thank You