Como Alinhar Dois Quadrados Um Do Lado Do Outro

[golbranco]

eae galera to aqui me matando.. com uma coisa que deve ser simples mas até agora não consegui desvendar o misterio....

olhem o script abaixo

<div style="background-color:#000000; width:700px ">

<div style="background-color:#FF0000; width:199px; height:25px; float:left ">

Quadro 1

</div>

<div style="background-color:#FF9900; width:500px; height:300px; float:right; ">

Quadro 2

</div>

<br>

<br>

</div>

se vocês verem este script no navegador I.E. os dois quadros menores aparecem dentro do quadro maior (preto), agora no FireFox isso não acontece do mesmo jeito....

Qual seria a solução ou script a fazer para o firefox ver do mesmo jeito que no I.E.?

Desde já agradeço

www.7xstudio.com

[fercosmig]

<div style="background-color:#000000; width:700px; height:300px;">

<div style="background-color:#FF0000; width:200px; height:25px; float:left;">Quadro 1</div>

<div style="background-color:#FF9900; width:500px; height:300px; float:right;">Quadro 2</div>

</div>