Probème avec 2 colonnes dans un conteneur général

Bonjour tout le monde.

Je fais des tests sur les CSS pour un site et je rencontre un problème.

Regardez cette page :
http://www.dragons-slayers.com/test.php

J'ai un bloc noir dans lequel je veux un padding de 10px tout autour.
A l'intérieur de ce bloc noir, je veux 2 colonnes.

Sous IE le bloc noir se redimensionne en fonction du contenu d'une de mes 2 colonnes.
Sous FF le bloc noir ne bouge pas et reste tout petit en haut.


Savez-vous comment faire pour que le comportement sous FF soit le même que sous IE ?


Par avance merci
Modifié par tipex (19 Jun 2006 - 00:40)

essaye de rajouter après le <div id=right></div> un <hr class="spacer">

avec :

hr.spacer {
	border: none;
	height: 0;
	width: 0;
	clear: both;
	margin: 0;
	padding: 0;
}

wow

En effet ca fonctionne sous FF.
Mais sous IE, le bas noir est plus haut qu'avant (comme si j'avais un padding de 20px.
Et je ne sais pas si vous avez la même chose chez vous, mais sous IE j'ai un point blanc qui apparait au milieu en bas du cadre noir.

Maintenant c'est FF qui est nickel mais IE qui foire. C'est désespérant ces différences entre browser

Alors en remplacant le hr par un div, ca me supprimer le point blanc.

Donc il ne me reste plus que le soucis du padding du bas qui a doublé.
Ce n'est pas génant en soit, mais il est certain que je préfèrerais avoir le même padding tout autour.

J'ai tenté en mettant un padding à 0 en bottom mais je me retrouve sans rien sous FF.


Si vous avez une solution, faites moi signe sinon tanpis je reste comme je suis car c'est déjà nettement mieux.