Carregar arquivo CSS conforme browser

Olá galera, tudo de boa? Estou com um problema aqui que está me dando dor de cabeça.... o negócio é o seguinte: em um site que estou montando, devido ao fato de usuários usarem N navegadores (entre eles o Ieca 6 ou inferior), eu montei dois arquivos css para configurar as DIVs que uso no site: um pro IE 6 e outro para os outros navegadores.... até ai tranquilo, os CSS funcionam corretamente (pelos testes que fiz no FF, Chrome e IE 6)... mas ai surgiu o problema: como carregar só um dos dois CSS's por execução da página?

Pesquisando na net, cheguei a este código que coloquei no header:

<!--[if lte IE 6]>

 <style type="text/css">
 @import "css/style-ie.css";
 </style>
 <!--[if !IE 6]>
 <style type="text/css">
 @import "css/style.css";
 </style>
 <![endif]-->

Rodei o teste no IE 6 e no FF, e o CSS carregou normalmente usando este código no header... mas o Chrome não reconheceu a existência de nenhum dos dois arquivos CSS, o que zuou o formato do site todo... então, a dúvida é: como eu faço para carregar só o style-ie.css quando for carregado o site no IE 6 e o style.css em qualquer outro browser?

Grato pela ajuda.

[]'s