3 colonnes interprétation différente sous IE et FF

Bonjour,
J'ai beaucoup parcouru ce site trés utile mais cela fait plusieurs jours que je bloque la dessus :
Mon site est composé ainsi :
- Un conteneur avec background contenant l'ensemble du site.
- 3 colonnes (2 menus et 1 contenu)
- Un pied de page (cadre vert)
Les 2 colonnes de menu (cadre bleu) sont positionnées en flottant à droite et à gauche. Les liens sont présentés sous forme de liste à l'intérieur de ces blocs. Le contenu (cadre orange) est positionné entre les 2 menus par des marges.

Mon problème est que, le contenu (cadre orange) ne posséde pas la meme largeur dans IE6 et firefox...
L'adresse de la page : http://chaletpierre.free.fr/test/index.php
L'adresse de la feuille de style : http://chaletpierre.free.fr/test/format.css
Je remercie par avance ceux qui voudraient bien me filer un coup de main...

J'apporte quelques petites précisions :

Dans firefox la largeur du contenu (le cadre orange) est correct. Les menus (cadres bleus à gauche et a droite) sont bien hors du flux. Le bloc contenu (cadre orange) peut également dépasser sur les menus sur la gauche et sur la droite (et donc se superposer) si on modifie la valeur des marges du bloc "bulle1" (le bloc contenu).

Dans IE le bloc contenu semble bloqué entre les 2 menus : Il ne peut pas depasser et se superposer si on modifie la valeur ses marges. Les bloc menus (cadres bleus) ne semblent donc pas etre hors du flux... (vous me dites si je me trompe)

Alors comment les mettre d'accord tout les 2 ?