align Mvc3 Drop down list values center

I have this my view

 @Html.DropDownListFor(model => model.StateCode, Model.StateList, "Select", new { @style = "text-align : center" 开发者_如何学C})

All the state abbreviations in the Drop Down List are aligning left. What should do to align them center?

@Jason Evans I don't think it is browser specific because I used this in the same view and it is aligning center. @Html.TextBoxFor(model => model.City, new { @class = "", @style = "width:140px;text-align:center"})

It looks like this functionality may be browser specific:

how to make sure select option text align in the center in IE?