Atualmente, estou desenvolvendo um tema para uma página inicial, mas tive alguns problemas. Por qualquer motivo, não tenho acesso à edição do código html e preciso escrever .css personalizados para o IE (especificamente versões abaixo do IE9

Eu tenho "dois" problemas. O primeiro é de fundo duplo. As versões abaixo do IE9 não parecem renderizá-las perfeitamente. Se o IE pular o elemento, tudo bem, mas como o gráfico nesse elemento trabalha com outro elemento (para uma transição gráfica suave), ele faz com que o outro elemento pareça estranho. O gráfico neste segundo elemento é um plano de fundo dentro de uma caixa div. Quero que esse plano de fundo seja outro plano de fundo personalizado que seja renderizado apenas se o usuário estiver usando o IE como navegador; e, se possível, quero que isso se aplique apenas às versões abaixo do IE9 (o site é renderizado com dois planos de fundo muito bem no IE9

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

CSS é o seguinte (#mainframe é a parte na caixa de navegação do cabeçalho). A imagem inferior é como é renderizada no IE8. O IE7 mostra o mesmo. O primeiro é o FF / Chrome / Safari e o IE

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

Pesquisei bastante na net, também perguntei a amigos e isso não parece estar funcionando sem escrever comentários condicionais na marcação html. Estou esquecendo de algo? Isso é possível de alguma forma apenas com o uso de arquivos .css?

Site está usando jquery. Não conheço essas coisas, mas pensei em mencioná-las apenas por precauçã