Problemas com border no IE

Ola galera, um exemplo bem pratico do que esta acontecendo comigo!

testem esse codigo no ff e no ie 6 e 7 e vejam a diferenca! se ja nao souberem logo de cara!

<div style="border:1px solid #000000;float:left; width:200px; height:200px; background-color:#FF0000;">legal</div>

<div style="border:1px solid #CCCCCC;height:200px">legal</div>

 

<div style="border:1px solid #000000;float:left; width:200px; height:200px; background-color:#FF0000;">legal</div>

<div style="border:1px solid #CCCCCC;height:200px">legal</div>

 

 

<div style="border:1px solid #000000;float:left; width:200px; height:200px; background-color:#FF0000;">legal</div>

<div style="border:1px solid #CCCCCC;height:200px">legal</div>

oq acontece eh que fica um espacamento entre as divs em um dos navegadores!

espero que possam me ajudar a corrigir isso, desde ja agradeco!