I have the following code:

<div id='div2' style='height: 430px; width: 350px; overflow:auto;'>
<select multiple id="id" size="28" style="FONT-SIZE: 12px; FONT-FAMILY: Arial; width: 100%">

I cannot (due to requirements) increase the width of this box, its fixed at 350px. However some of the text strings in the box are larger then 350px; right now they are just being truncated but I was wondering if there was a way to either make these options wrap onto a second line, or add a horizontal scrollbar to the box in order to see the full options. I'm developing for IE7 and 8.