Bonjour tout le monde

Depuis plusieurs jours j'ai un problème d'alignement de deux div, mais avant de vous expliquer plus mon problème, voici une petite explication sur la structure du site :

Le site : http://rockboy.dyndns.org/project/squelette/

Comme vous pouvez le voir sur le site, j'ai une div "main" (bordure orange) qui englobe toute les autres div, c'est-à-dire :
   - La div header (bordure jaune)
   - La div menu ( bordure blanc)
   - La div content (bordure verte)

Le problème vient de l'alignement côte-à-côte des div menu et content.

J'ai reussi à les mettre côte-à-côte avec l'attribut "float", mais cette option ne me convient pas car si je l'utilise la div "main" n'englobera plus que la div header, et il faudra qu'elle englobe vraiment le tout.

J'ai aussi reussi à le faire avec du javascript... mais cette solution serait vraiment dégueulasse à mon avis....

Donc mon problème est :

   - Comment aligner ces deux div et que "main" les englobe ?

Voila, si vous voulez plus de précision sur quelque chose demandez le moi 

PS : - Lien de la css
       - Pour le moment, le site n'est pas compatible IE... car j'utilise des PNG....