On selection of all values in the List(using ctrl+A) the text is getting cut. I need the full text without the truncation. This is [jsfiddle example](http://jsfiddle.net/729nX/33/). I tried different combinations, just couldn't get why this is happening or fix for it.

HTML Code:

```
<select class="leftList" multiple size="10" >                                                   
    <option value="GPRS_Data333333L">GPRS_L(Bytes)</option>
    <option value="GPRS_&&&&&&&&&&&&&DL">GPRytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_D_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">ol(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">G_Volume_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume)</option>
    <option value="GPRS_DL">GPRytes)</option> 
</select>

```

CSS:

```
.leftList {
    width: 115px;
    overflow-x: scroll;
    height:200px;
}

```