Diferença no IE6 e nos outros

Fala galera.

Dessa vez estou postando pra pedir ajuda!

Estou arrumando um negócio no site da festa Bacardi B-Live.

O site aparece perfeito para os visitantes com IE 6 e com a home quebrada para os usuários de outros browsers.

Já tinha notado isso há um tempo, mas estava sem tempo pra arrumar.

Agora tenho que deixar isso pronto até 2ª feira, hora do almoço.

O CSS tem mais de 1500 linhas, pensei que ia ficar um dia só pra entender o código e o outro pra conseguir mexer nele e o outro dia pra consertar possíveis paus.

Demorei 10 minutos pra achar onde tinha que mexer e 15 pra mexer nele!!!

Mas aí veio o problema, explico pra vocês.

O site foi feito todo em tableless (não, nem o CSS nem o XHTML são válidos, mas não fui eu quem fez) e 'cabeu' [sic] a mim a tarefa de alterá-lo.

Então vou explicar a estrutura dele como é.

Temos um menu superior e uma animação feita em flash - é tudo um arquivo só.

Abaixo disso temos um box falando sobre wap.

Mais pra baixo temos o conteúdo principal da home.

Do lado esquerdo o destaque principal e links para cadastro, fotos e a rádio.

Ao lado, no centro, um flash com os drinks que a Bacardi oferece.

Do lado direito um box sobre vídeos e outro abaixo com notícias.

Às vezes adicionamos um box com um relógio com contagem regressiva e diminuímos uma notícia embaixo.

Depois um box com um menu inferior e o rodapé.

Pra colocar as coisas "pra baixo" nos browsers standard e no IE 7, adicionei margin-top nas divs do destaque principal, do flash dos drinks e no box dos vídeos.

Perfeito.

Ficou exatamente igual ao que aparecia no IE 6.

Aparecia.

Agora o IE 6 ficou quebrado.

Mas tudo isso foi de propósito, é melhor ter que arrumar pra um browser só do que para todos - esse browser que apesar de líder de mercado, não entende nem metade das CSS e causa problemas aos desenvolvedores.

Decidi usar os Conditional Comments pra resolver a questão.

Era facinho, eu só não contava com uma coisa.

Há uma class que chama box_lat, que aparece em algumas partes do site, como na home (meu problema é só na home) nos 2 boxes da direita.

Naturalmente, eu entraria no CSS e faria as alterações, mas o estilo está inline no HTML. Essa é a treta.

Não posso alterar no CSS porque afetaria os dois boxes onde a div aparece, então teria que mexer no estilo inline, onde há um margin-top em cada div.

Tentei colocar os comentários específicos pro IE 6, mas acabei abrindo 2 divs nele (a do comentário e a padrão).

O mesmo acontece para o destaque principal da esquerda - o da foto.

E pra completar o IE 6 está lendo o CSS que não deveria....esse eu realmente não entendo, está tudo certinho... e o flash dos drinks aparece no lugar errado.

Olhe a página de teste no IE 6 e no 7 (ou no Firefox).

http://www.bacardiblive.com.br/home/index2.html

Endereço do CSS para todos os browsers - http://www.bacardiblive.com.br/css/stylesRadiot.css

Endereço do CSS para o IE 6 - http://www.bacardiblive.com.br/css/stylesRadio2.css

Preciso que me ajudem a pensar como vou colocar o estilo para os browsers diferentes, o que colocar eu já sei, a "parte suja" já foi feita, não consegui fazer a simples!!!

Vamos quebrar a cabeça juntos hehehe!!

Se eu conseguir sozinho posto a solução aqui.

Se eu não expliquei direito ou alguém quiser mais detalhes fique à vontade pra comentar.

[ ]´s