css - Make text in select element wrap when too long?

Question

I have a select list where the text within the options is too long as is getting cropped. Is it possible to make the text wrap instead so that all of it is visible?

http://jsfiddle.net/W4KG7/

<select>
    <option>This is option 1</option>
    <option>This is option 2</option>
</select>

select {
    width: 92px;
}

Answer 1

select {
    width: 92px;
    white-space:pre-wrap;
}

This only appears to work in Google Chrome. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space