Hiding vertical scrollbar of multi-line SELECT in Firefox and Chrome?

Question

This problem seemed quite simple (overflow:hidden, right?) until I couldn't solve it. I have a simple multi-line SELECT with defined size:

<select size="10" name="elements">
... 
</select>

MSIE and Opera show vertical scrollbar only when needed, but Firefox and Chrome always display vertical scrollbar in disabled state.

I tried setting overflow, overflow-y, and even overflow-x, but nothing works. Any ideas?

Answer 1

You can't, apparently: http://www.webdeveloper.com/forum/showthread.php?t=154496

Answer 2

The only thing I can think of is to overlap the scrollbar by positioning an image or solid DIV with a higher z-index right on top the SELECT scrollbar. But this would be an ugly hack.