Hide vertical scrollbar in <select> element

Hello,
Inconsistent across browsers, What is wrong here?

Please see: [url]http://awesomescreenshot.com/01d1r2d47f[/url]

[code=html]
<style>
.bloc { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; }
.bloc select { padding:10px; margin:-5px -20px -5px -5px; }
</style>

<div class=”bloc”>
<select size=”8″ name=”haftanin_gunu[]” id=”haftanin_gunu” multiple>
<option value=”-1″ selected=”selected”>*</option>
<option value=”1″>Monday</option>
<option value=”2″>Tuesday</option>
<option value=”3″>Wednesday</option>
<option value=”4″>Thursday</option>
<option value=”5″>Friday</option>
<option value=”6″>Saturday</option>
<option value=”7″>Sunday</option>
</select>
</div>
[/code]

Thanks in advance

Also in #CSS _↴