Preoblemas con los margenes en ie

[XLora]

Hola a todos...
Tengo un problemaso con los margenes en ie, en fx se ve bien pero en ie no...

Codigo html:
<div id="cuerpo">
<div id="izq">
</div>
<div id="der">
</div>
</div>

CSS:
#cuerpo
{
width:780px;
float:left;
}
#izq
{
width:200px;
height:400px;
margin:0px 10px 0px 10px;
float:left;
background:pink;
}
#der
{
width:540px;
height:400px;
margin:0px 10px 0px 0px;
float:left;
background:#ccc;
}

El problema es que en internet explorer el margen derecho que se lo aplico a #izq se ve como de 15 a 20px mientras que en Firefox se ve normal...
Si le aplico un /margin:0px 10px 0px 5px; es decir un ancho de margen de 5 pinceles solo a IE ya queda normal pero yo quiero saber ¿por qué?...
Recuerdo que otra ocasion me paso igual, pero hizé algo y todo funcionaba normal...
Alguien puede darme una ayudadita para arreglar ésto, es que no me gusta usar "/*-" nada de eso, me gusta tener un codigo limpio...

[webosiris]

es un bug de ie6, que hace que el margen de los elementos flotados se duplique, aunque solo el lado que flota:
- si flota a la izq, el margen izquierdo se duplica
- si flota a la der, el margen derecho se duplica

hay 2 soluciones:
- ponerle a ese elemento "display:inline" (que en este caso no te sirve porque le estas dando un ancho)
- reducirle el margen a mano, aunque para eso es mucho mejor no usar un hack como usastes tu, sino tener un archivo ie6.css y cargarlo con comentarios condicionales