Poner imagen a <option selected>

[ceaped]

Buenas tardes para todos
Puese una imágen a una lista de option selected así:

select{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #666666;
}
.opcion1 {
background-image: url(../images/verde.jpg);
background-repeat:no-repeat;
background-position: right center;
}
#opcion2 {
background-image: url(../images/rojo.jpg);
background-repeat:no-repeat;
background-position: right center;
}
#opcion3 {
background-image: url(../images/azul.jpg);
background-repeat:no-repeat;
background-position: right center;
}

Pero sólo me funciona en FireFox y dese que me funcione en Chrome y IE.

Que debo agregarle?

Gracias por su ayuda

[IsaBelM]

no es css es javascript. mas concretamente la librería jquery

[ceaped]

Hola IsaBelM
Me puedes indicar cual librería jquery?
Gracias por tu ayuda

[IsaBelM]

pulsa en el vinculo que te dejé

[ceaped]

Hola IsaBelM
Upsss...no me habia fijado bien. Gracias.

Tengo otro problema y es que utilizo otra librería que es un acordeón y así los cargo:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/effects.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>

<script type="text/javascript" src="js/dropdown/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/dropdown/jquery.dd.js"></script>

Como hago para que ambos me trabajen?

Gracias por tu ayuda