Problème avec IE6 et div absolute

Salut

J'ai un problème avec un site que je suis en train de terminer. (Oui j'aurais du vérifier la compatibilité avant, mais bon ... c'est mon erreur ).

On peut voir ici le problème avec IE6 : http://www.picross.org/jouer.html

La colonne de gauche, est superposée par dessus celle de droite. Dans IE7 et FF, c'est nickel.

Voici le css utilisé pour la DIV de gauche :

#side{
	position: absolute;
	left: 0;
	width: 271px;
}

La colonne de droite :

#content #main{
	margin-left: 271px;
}

La DIV parent des 2 colonnes:

#content{
	position: relative;
}

(J'ai strippé les code de couleurs, backgrounds, borders, etc...)

Quelqu'un sait comment regler facilement ce comportement sous IE6 ?

Merci d'avance.

birkoss

P.S. J'ai déjà validé le code de la page.

Pourquoi ne pas simplement utiliser float et supprimer le positionement ?

Avec les floats, je devrais mettre une div en bas pour faire un clear: both ? Sinon cela ne sera pas correct non ?

Salut,

C'est un problème classique de haslayout pour ie6, phénomène un peu tortueux ...
Bon, il suffit de dimensionner ton block #content en lui donnant un height: 1%; et ça devrait le faire