Jak wyrównać 2 sąsiadujące div poziomo BEZ pływaka?

Chcę, aby 2 div były obok siebie, aby były wyrównane na tej samej poziomej liniiBEZ PŁYT

Próbowałem pozycji: względny, ale nie ma szczęścia

Zobacz poniższy przykład:http://jsfiddle.net/XVzLK

<div style="width:200px;height:100px;background:#ccc;"> 
<div style="background:Blue; float:left; width:100px; height:100px;"></div> 
<div style="background:red; float:left; margin-left:100px; width:100px; height:100px;"></div>
</div>

Z powyższego linku potrzebuję czerwonego pola do umieszczenia w tym samym wierszu niebieskiego pola bez spacji poniżej.

EDYTOWAĆ : Chcę, aby czerwone pudełko pozostało poza szarym pudełkiem kontenera (tak jak jest) dzięki

questionAnswers(5)

yourAnswerToTheQuestion