Layout Problem

[Maa]

Guten Abend,

warum rutscht das 3. Div immer in eine neue Spalte? 25+50+25 ist doch 100!

<div style="width: 100%; height: 100px; background-color: #0033FF; color: #FFFFFF;padding: 1em;">
100%<br />
</div>

<div style="float: left; width: 25%; background-color: #0099FF; color: #FFFFFF; height: 100px; padding: 5px;">
25%
</div>

<div style="float: left; width: 50%; background-color: #0099F1; color: #FFFFFF; height: 100px; padding: 5px;">
50%
</div>

<div style="float: left; width: 25%; background-color: #0099f1; color: #FFFFFF; height: 100px; padding: 5px;">
25%
</div>

<div style="clear: left; width: 100%; background-color: #0033FF; color: #FFFFFF; height: 100px; padding: 5px;">
100%
</div>

Danke