Seguimiento de esta pregunta: Establecer el color de fondo de las opciones seleccionadas en JQuery

Tengo una página con varios cuadros de selección, según lo siguiente:

<select name="item-0-status" id="id_item-0-status">
<option value="">---------</option>
<option value="1">Online</option>
<option value="2">Offline</option>
<option value="3">Unknown</option>
</select>

Estos se generan automáticamente en django, por lo que no es posible aplicar clases, identificadores o atributos css directamente a las opciones. Los elementos seleccionados tienen identificadores de 'item-0-status', 'item-1-status', 'item-2-status', etc.

Estoy asignando colores a las opciones a través del siguiente código JQuery:

$('select[id$=-status][id^=id_item-]').children().each(
        function (){
            if($(this).val() == 0){
                $(this).css('backgroundColor','white');
            }
            if($(this).val() == 1){
                $(this).css('backgroundColor','green');
            }
            if($(this).val() == 2){
                $(this).css('backgroundColor','red');
            }
            if($(this).val() == 3){
                $(this).css('backgroundColor','orange');
            }
        }
    );

Which, rks bien.

También quiero que los elementos seleccionados tengan el mismo color de fondo que la opción seleccionada, lo que estoy tratando de lograr usando lo siguiente:

$('select[id$=-status][id^=id_item-]').each(
        function (){
            $(this).css('backgroundColor',$('option:selected',this).css('backgroundColor'));
        }
    );

Sin embargo, esto solo colorea el elemento de selección en azul (creo que toma el color de la propiedad de desplazamiento en lugar del fondo). Esto se encuentra en Firefox 3.6.8, que a los efectos de esta pregunta es el único navegador en cuestión.

¿Algúna idea de cómo arreglar esto