Float left quebrando

Bom dia.

Estou começando com css e preciso por 3 divs 1 do lado da outra com margin-right:21px, o problema que a última div quebra pra baixo.

Como faço pra deixar as 3 na mesma linha?

/applications/core/interface/imageproxy/imageproxy.php?img=http://s1.postimage.org/dh4udc3ar/Untitled_1.jpg&key=de6202005c5d292e2750e475d47687cff2055920ce167c6bf3ea3e4f5fd681fd" alt="Untitled_1.jpg" />

O código html:

<style>
.moldura {width:600px;background-color:red;height:421px;}
.box {width:180px;float:left;background-color:blue;height:200px;margin:0px 21px 21px 0px;}

</style>

<div class="moldura">
 <div class="box"></div>
 <div class="box"></div>
<div class="box"></div>
</div>

Obrigado.