Rendre fixe une div float?

Bonjour à tous.

Je suis débutant en css et je recontre le problème suivant.

J'ai en haut de ma page un tableau, lequel contient divers lien ainsi qu'une image-background du haut de mon template (qui est en 1 seul bloc)

En dessous, j'ai un div menu a gauche et un div contenu à droite

Code: 

#menu { 
float:left; 
width:364px; 
background-image:url(img/corps.gif); 
background-repeat:repeat-y; 
   } 

#contenu{ 
float:right; 
width:627px; 
text-align: justify; 
background-image:url(img/corps.gif); 
background-position:right; 
background-repeat:repeat-y; 
} 
 

De cette facon, tout est bien aligné sous IE et Firefox lorsqu'ils sont en pleine page. MAIS, dès que je réduis la fenêtre du navigateur, blam le div contenu passe sous le menu réduisant à néant mes laborieux efforts

J'ai essayé de positionner mon contenu en absolute mais il y a un décalage en ff et ie...

J'ai essayé en faisant un margin-left: 364px; sur le conteneur: Nickel sous FF! Cependant sous ie, le conteneur se place bien à 364px (si si, j'ai compté!) mais reste en dessous du menu...

Bref vous l'aurez compris, je patauge sévère, en fait pour être honnête, je n'ai plus de cheveux!

Un GRAND MERCI d'avance à celui qui me dira comment faire!

Salut,

Pour t'être d'une aide plus précieuse, il serait bien que tu nous fournisse le maximum d'informations. Ainsi l'intégralité du code html et css serait une bonne chose, mais l'idéal serait même une page en ligne car c'est souvent plus facile pour cerner le problème.

Sinon, tu peux te tourner vers les commentaires conditionnels pour spécifier des dimensions propres à Internet Explorer.