css - In a fixed width <select multiple> html box, is there a way to see text options that are to long? -

i have 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 requirements) increase width of box, fixed @ 350px. of text strings in box larger 350px; right being truncated wondering if there way either make these options wrap onto second line, or add horizontal scrollbar box in order see full options. i'm developing ie7 , 8.

you can use css word-wrap: break-word;

click here cross browser functionality

if it's text inside select list want wrapped it's not possible far know

what use custom made selectbox example jquery selectmenu can customize fully