Actualmente estoy desarrollando un tema para una página de inicio pero encontré algunos problemas. Por alguna razón, no tengo acceso para editar el código html en sí, y necesito escribir .css personalizado para IE (específicamente versiones debajo de IE9).

Tengo "dos" problemas. El primero es doble fondo. Parece que las versiones debajo de IE9 no pueden reproducirlas sin problemas. Si IE omite el elemento, esto está bien, pero dado que el gráfico en este elemento trabaja conjuntamente con otro elemento (para una transición gráfica suave), hace que el otro elemento se vea extraño. El gráfico en este segundo elemento es un fondo dentro de un cuadro div. Quiero que este fondo sea otro fondo personalizado que solo se representa si el usuario está usando IE como navegador; y si es posible, quiero que esto solo se aplique a las versiones inferiores a IE9 (el sitio se representa con fondos duales muy bien en IE9).

http: //patrikarvidsson.com/project/sohelp/illustration.jp

CSS es el siguiente (#mainframe es la parte debajo del cuadro de navegación del encabezado). La imagen inferior es cómo se representa en IE8. IE7 muestra lo mismo. El primero es FF / Chrome / Safari e IE9.

#mainframe {
background: url('img/bg2.png') no-repeat,
            url('img/bg1.png') repeat-y !important;
}

He buscado bastante en la red, también he estado preguntando a amigos y esto no parece funcionar sin escribir comentarios condicionales dentro del marcado html. ¿Me estoy perdiendo de algo? ¿Es esto posible de alguna manera solo con el uso de archivos .css?

Site está usando jquery. No sé esto, pero pensé en mencionarlo por si acaso.