Element input mit Breite versehen

[Daniel N.]

Hallo,

ich habe folgende Workaround gefunden, eine Lösung sieht meiner Meinung nach anders aus:

  
<style type="text/css">  
  
table {  
 background-color: silver;  
 border-collapse: collapse;  
}  
  
table td {  
 border: 1px solid red;  
}  
  
input {  
 border: 5px solid green;  
}  
  
<table width="400">  
 <tr>  
  <td>Name</td>  
  <td style="padding-right: 12px;"><input style="width:100%"  
   type="text" value="Name" /></td>  
 </tr>  
</table>  
  
</style>  

Ich ergänze also einen rechten Innenabstand, der so groß ist wie die linken/rechten Rahmen des divs und des Inputs, also hier 1+1+5+5=12.

Der Firefox käme mit 5+5=10 Pixeln aus, der IE braucht 12. Der Opera zeigt den Innenabstand an.

Welcher Browser verhält sich denn jetzt korrekt?
Wer kennt hierfür eine richtige Lösung?

Vielen Dank und viele Grüße
Daniel