probleme css3 select con color y fondo escalable

[Patriarka]

Hola Gente
tengo 2 problemas que me cuesta resolver

1) uno es el select, necesito cambiar color solo al OPTION SELECTED de un SELECT
pueden ver mi select aqui:
http://wiscom3.sebastian-marquez.com...productos.html
quiero que el fondo de la opcion "seleccione un producto" sea negro con letras blancas
pero la flecha abajo tenga otro color de fondo, gris por ejemplo

si cambio el fondo negro queda todo negro y no puedo modificar el fondo de la flechita

alguan ayuda?

2) Luego en esta pagina el fondo de la izquierda me gustaria que al agrandarse la pantalla este fondo tambien escale.
la cabeza de la imagen esta a 20px del top celeste OK
pero el fondo deberia quedar siempre a 20px del footer negro
y si se agranda la pantalla la imagen no se agranda

como prodria lograr ese efecto?
esta es la url
http://wiscom3.sebastian-marquez.com..._profesor.html

agradesco sus consejos

[AngelKrak]

para la primera pregunta del select, aqui te dejo la solucion amigo ;)

Código CSS:

select#tipo_evento {
    background-image: url(http://media02.hongkiat.com/icloud-icon/icloud-tutorial-27.jpg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-color: #ccc;
    border: 0;
    color: #fff;
}
 

y la 2da pregunta no entendi muy bien que es lo que quieres hacer jejeje xD

[Patriarka]

Hola Aghora lo pruebo

la segunda es:
la imagen de fondo debe siempre a 20px de la barra celeste (esto esta ok)
y a 20px del footer (barra negra) esto no logro hacerlo si cambia la resolucion (el alto ) del monitor