Formular, Formatierungsproblem

[Michael]

Ich habe ein Formulierungs Problem in einem HTML Formular. Es geht um ein Formular das 3 Felder hat. ein INPUT Feld, ein SELECT Feld, und den BUTTON

das Ziel das ich habe, es soll genau 100% Breit werden, sich also immer an die Seite, der Box etc anpasst!

.box{ width:80%;}
input[type="text"]{width:37%; border: 1px solid #c0c0c0; padding:1%;}	
select {width:37%; border: 1px solid #c0c0c0; padding:1%;} 		
.button {width:20%; border: 1px solid #c0c0c0; padding:1%;}  

Ich muss aber die Prozentzahl herunternehmen, da ich durch den Rahmen über 100% komme! Wie schaffe ich es das es genauso Breit ist wie ich das möchte?

<div class="box">
select name="sort" size="1"> 
<option value="0">inhalt</option>
</select>
<input type="text" name="suche">
<input  class="button" name="send" value="button"  type="submit"  />
</div>