Div breiter als Input?

[hawkmaster]

Hallo zusammen,

vermutlich gibt es eine ganz einfache Erklärung?
Auf einer Seite habe ich zum Test zwei Input type=text plaziert.
Diese sollen nebeneinander sein.
Was mich nun wundert:
Das Div (test) hat 15em. Auch die Input haben 15em.
Trotzdem ist in der Ansicht das Div breiter als die Inputs.
Zum nächsten Input besteht ein Zwischenraum. Eigentlich müssten sie doch genaus breit sein oder?

  
<div class="test">  
	<div>  
    <label for="test1">&nbsp;</label>  
    <input name="test1" id="test1" type="text" value="test1" />  
	</div>  
	<div>  
    <label for="test2">&nbsp;</label>  
    <input name="test" id="test2" type="text" value="test2" />  
	</div>  
</div>  
Des CSS Code dazu.  

  
.test div {  
  float:left;  
  width:15em;  
  background-color:#00FF33;  
  border:medium;  
  border-color:#0033CC;  
  border-style:dotted;  
}  
.test label {  
  display:block;  
}  
.test input {  
   width:15em;  
}  

vielen Dank und viele Grüße
hawk