[CSS] Problème centrage et width

Salut à tous,

Actuellement en train de bosser sur mon extension pour IDN, j'ai un petit soucis...
J'essaie de rendre le bloc du forum agrandissable en fonction de la taille du navigateur, avec le bloc monIDN en float:right.

Pour ce faire, j'ai mis ceci au conteneur :

Et au bloc monIDN :

Le problème est que, maintenant, le centrage des éléments du bloc #principal ne se font plus, tout est aligné à gauche, et des problèmes de largeur se font sentir aussi, mais je comprend pas pourquoi !

J'essaie de régler la largeur avec des width:100%, pour qu'il prenne toute la largeur disponible dans le bloc #principal mais ça ne marche pas.

Je prend un exemple avec la réponse rapide, quand je fais ces modifications, la réponse rapide est collée à gauche.
Et impossible de le centrer, alors qu'elle est centrée normalement.
Dès que je met le width:auto; sur le bloc #principal, tout est aligné à gauche...

Merci de votre aide


Edit : en fait, j'arrive à centrer certains trucs, mais y'a un problème au niveau des width, pour pouvoir centrer une div, faut lui mettre une width. Et toutes les divs qui sont inclues dans mon div #principal, je ne peux pas leur mettre de width en pourcentage, ça marche pas ! je peux leur mettre que des width absolues, pour pouvoir centrer l'élément...
Bug ? Ou y'a une technique pour corriger ça ?

Bah le truc, c'est qu'il me semble que si, elles héritent en largeur, mais bon.
Dans tous les cas, si je met 100%, il ne prend pas 100% du document, ni de rien d'ailleurs...

Et ça me fait ch*er

Et la réponse est :

margin-left:auto;
margin-right:auto;

en sachant que la largeur doit bien sûr être spécifié.

ouais, mais ça je sais faire, je vous rassure.
Mais le problème, c'est que je ne veux pas que la largeur du div soit absolue, mais en pourcentage par rapport à la taille disponible.
Si je met une taille absolue en pixels, pas de soucis, je centre comme d'hab, mais si je met une taille en pourcentage, il me prend pas cette taille !