style jumpMenu arrow with css

[grassmeyer]

I have a jumpMenu that I need to style, see images below for what the current state is and the "goal" of what I need it to look like. I've tried applying a background image but it doesn't show up. Is something like this even possible?

Page where it's being used:http://earbible.com/

code for jumpMenu

<select name="lang" class="dropDown2" onchange="jumpMenu('parent',this,0)"><!-- BEGIN: option -->
<option value="index.php?_g=sw&amp;r={VAL_CURRENT_PAGE}&amp;lang={LANG_VAL}" {LANG_SELECTED} onmouseover="javascript:getImage('language/{LANG_VAL}/flag.gif');">{LANG_NAME}</option><!-- END: option -->
</select>

css for dropDown2

.dropDown2 {
	width: 190px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-size: 11px;
	color: #000000;
	margin:5px;
	}

javascript for jumpMenu

function jumpMenu(target, object, restore) { 
	eval(target+".location='"+object.options[object.selectedIndex].value+"'");
	if (restore) object.selectedIndex=0;
}

I have tried this code to get a background image to show, but it doesn't

{
	width: 160px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-size: 11px;
	color: #000000;
	background-image:url(../images/txtINPT.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:5px;
	}

Please let me know if it is possible to change the look of the arrow to be an image and be used across all browsers.

Thanks!

Jen

[WebJoel]

I am sort of thinking that, no, not with HTML. Something about ActiveX needs to be overwritten maybe. There might be 3rd party writes that can do this. I think the 'drop-down button' is considered 'accessibility' and hard-wrote into the shell/chrome and not intended to be messed with (but I HAVE seen it different on some sites, so it CAN be done, -maybe it's an *ASP thing..)