I have the following html code:

```
<select name="questionSelectedID" style="width: auto; position: relative; text-overflow: ellipsis;">
       //for loop generating options
 </select>

```

The result I get using this CSS is:

[![Resulting select div](https://i.stack.imgur.com/WZXUw.png)](https://i.stack.imgur.com/WZXUw.png)

My options are very long and they are cut off by the width of my screen. I though the css for this tag (see code snippet) should work. What code can wrap the options so they stay within the size of the window?

Note: my tags do not have any css to them.