один блок со 100% шириной и два фиксированных блока в одной строке

Мне нужно три div в одной строке.

Один - размером 200 пикселей, второй - 300 пикселей и последний div должен быть тем, что осталось .

Почему мой последний div находится в новой строке?

<div style="float: left; width: 200px; background: #223355">a</div>
<div style="float: left; width: 300px; background: #223344">b</div>
<div style="float: left; width: 100%; background: #334455">c</div>