[Resolvido] Problema com float no firefox 3

Olá pessoal,

Estou com um pequeno (ou grande) probleminha no Firefox 3.

Segue o HTML abaixo:

<div id="total">
<div id="box1">BOX1</div>
<div id="box2">BOX2</div>
</div>

Segue o CSS:

#total {
width:200px;
}
#box1 {
float:left;
width:100px;
background-color:red;
}
#box2 {
float:left;
width:100px;
margin-left:100px;
background-color:red;
}

• O problema:

• No Google Chrome, Internet Explorer 7, Opera, Safari eu acesso o site, e está do modo que eu quero sem problema nenhum, e ao atualizar a página tudo fica do mesmo jeito.

- Já no Firefox, eu entro na página e ela fica normal, mas ao atualizar (f5) o segundo bloco parece que perde o float, e fica abaixo do box1, só volta ao normal quando entro direto na página...

Será que alguém poderia me ajudar? =x