bonjour,
Sans toucher au html, juste au css, il suffit d'enlever le margin-left; de #droite et de le remplacer par un float:right;(et peut-etre une largeur de 405px pour aligner #droite h2 avec le menu horizontale ?).
Eventuellement, reduire la largeur de h2 dans #gauche, car avec les paddings et margins , il debordent (309px

+ 20px[margin-gauche] + 25px[padding-gauche]=354px ... ) et largeur de #gauche = 320px;
assure le positionnement de #gauche sous ton logo avec un clear:left; et eventuellement ajoute un float-left; (si l'ensemble se decalle sous le niveau de droite dans IE quand tu passe sur un affichage grande polices).
Il y a probablement d'autres solution, ou d'autres petit details ,mais je crois que ça devrait t'aider a avancer un peu,
rereinseigne toi sur l'utilisation des flottant et de leur façon d'interagir les uns avec les autres et le reste de la page.(en principe on positionne les flottants en premier, puis on intercalle/glisse/place les autres elements.).
a plus