Extra utrymme

Kan någon förklara varför jag får ett extra utrymme i den röda cirkeln men inte vid den blåa?

Här är koden jag använder:

<style>
.float {margin-right:30px;float:left;border:1 dotted #000;}
</style>

<div class="float">
	<input type="text" value="Extra utrymme till höger" />
</div>
<div class="float">
	<span>Inget extra utrymme till höger</span>
</div>

Jag kör IE6.