SVP gros souci de DIV en FLOAT sous firefox

Bonjour,

J'ai un gros souci avec une div en float sous firefox (pas de souci pour IE). Pour être plus précis voici le code que j'ai allégé au maximum pour y voir plus clair :

HTML

<div id="global">

<div id="page">(bordure de la page)

<div id="bloc1">(contenu à gauche de la page)</div>

<div id="bloc2">(contenu à droite de la page)</div>

</div>
</div>

CSS

#global {
margin: 0 auto; 
}

#page{
width: 800px; 
margin: 0 auto; 
height: auto;
margin-bottom: 30px;
}

#bloc1 {
float: left; 
width: 540px;
height: auto; 
margin-left: 40px;  
}


#bloc2 {
float: right; 
width: 200px; 
height: auto;
margin-right: 20px; 
}

Le souci est que la div "bloc2" se positionne bien à droite de la div "bloc1" mais les 2 autres div "global" et "page" remontent s'écrasent tout en haut de la page.

J'espere me faire comprendre. Est ce quelqu'un aurait une solution a mon probleme que je n'arrive à résoudre SVP. Merci d'avance.