Select (background) <style>

Hi

Have been trying to get the “select” to add a background image to it all day. Using the same method as inputs etc. but this style just isn’t taking to the select. Any suggestions?

Here’s the code:

<style>
select.image {
border-left: 1px solid #9FB6CD; border-right: 1px solid #9FB6CD; border-top: 1px solid #9FB6CD; border-bottom: 1px solid #9FB6CD;
font: 8pt Verdana;
background-image:url([url]http://www.borderprints.co.uk/logos/banner_7.gif[/url]);
}
select.image2 {
border-left: 1px solid #9FB6CD; border-right: 1px solid #9FB6CD; border-top: 1px solid #9FB6CD; border-bottom: 1px solid #9FB6CD;
font: 8pt Verdana;
background-image:url([url]http://www.borderprints.co.uk/logos/banner_7.gif[/url]);
}
</style>
<select name=”test” class=”image” onMouseOut=”this.className=’image'” onMouseOver=”this.className=’image2′”>
<option>select please</option>
<option>number one</option>
<option>number two</option>

</select>
—————-

For an example for what it’s supposed to do please go here:

[url]http://www.borderprints.co.uk/input.html[/url]

Any help would be greatfully received!

Cheers!

Also in #HTML _↴