So, I'm using a select bar in a site of mine. I'm trying to change the background color of the options when hovered over. Also, if anyone knows a good way to style the vertical slider, that'd be awesome.

Here's a fiddle of what I'm trying to do: http://jsfiddle.net/zof9suLz/

<select class="scrollbar" name="mydropdown" onchange="document.location = this.value">
<option value="#">Search by State</option>
<option class="scrollbar-option" value="http://alabamaadoptivefamilies.com/">Alabama</option><br />

The odd thing is that when you go down the list using a scrollwheel, and land on an option, the correct color comes up until you move your mouse again.

I just need to change the background color when you hover over the options, but I can't get it to do what I want, haha. My site url is: statesites.wpengine.com