[Resolvido] Confusão com CSS

Saudações colegas,

Desenvolvi um site, conferindo a compatibilidade em três navegadores: Chrome (mais recente), Firefox (mais recente) e Internet Explorer 8.

Enquanto eu não abri o site no IE7, estava tudo uma beleza.

Quando abro no dito cujo, olhem a diferença:

Chrome:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img717.imageshack.us/img717/7976/chrome.png&key=f861d7214d939f23f9c00693a0d97ba0da0d7f4cfacb317465ebb2035c7166f0" alt="Imagem Postada" />

IE8:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img180.imageshack.us/img180/5702/ie8e.jpg&key=85cc3569b6a861ef34fea01661e05275252f5eeddb83a258f57e25663a958706" alt="Imagem Postada" />

IE7:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img260.imageshack.us/img260/2381/ie7b.jpg&key=7054c70f9aae2ee1e14de7ac13fc03e2fac425c458d9c2339db1672ae08bb1dd" alt="Imagem Postada" />

Eu queria evitar os floats da vida, por isso usei margens negativas na parte que ficou avacalhada.

Aceito de bom grado sugestões sobre como resolver isso =]

Espero que alguém possa me ajudar.

Obrigado o/