I'm having hard time getting a select field to work as I would like to in the latest version of Chrome.
It all works perfectly in Firefox but Chrome is just being stubborn.
How it should be in Chrome:

![enter image description here](https://i.stack.imgur.com/Zs56c.png)

How it actually is in Chrome:

![enter image description here](https://i.stack.imgur.com/R2i3A.png)

HTML:

```
<td><!--<input type='text' name='ruum' />-->
<select>
    <option type="text" value="ruum">Uks</option>
    <option type="text" value="ruum">Kaks</option>
    <option type="text" value="ruum">Kolm</option>
</select>
</td>

```

CSS:

```
option{ /*works for firefox but not for chrome*/
width:8.5em;
float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*doesn't do anything*/
 option{
    width:8.5em;
    float:left;
 } 
}

```

Any ideas? Thanks.