Any way to wrap text in select menu?

Any way to wrap text in select menu?

I have a select menu with some options being too long to fit on an iphone display. So the text gets cutoff, with a '...' added to it. I want it to wrap. I also had this problem with listview elements, and implemented this solution which I found with google:

.ui-li .ui-btn-text a.ui-link-inherit {white-space: normal;}

For the select menu, I applied the same thing to the ui-select class. After this change, I look at the dom in IE's developer tools, and see that the select menu and its options have indeed inherited "white-space: normal". However, the text still gets cut off, with an ellipsis added (both IE and IOS).

jquery 1.8.2, jqm 1.2.0

Any ideas?

Thanks!