I'm trying to get rid of the arrow of a select box and all its traces as is the space for that arrow for example.

Here is a fiddle: <http://jsfiddle.net/kud7Z/>

I hid arrow using this CSS:

```
select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

```

However there's still a space on the right of the select box. How can I get rid of it?