CSS mit % Angaben - allgemeine Frage

[T-Rex]

Moin,

ich verzweifel gerade an einer simplen CSS Sache.
folgende Struktur:
<label>Label</label><input />

Und genau so soll es auch angezeigt werden. Zu erst das Label, dann der Input. Das ganze soll aber Skalierbar sein, sprich mit Prozentangaben.

Kein Problem denk ich mir.

label  
{  
   width: 30%;  
}  
  
input  
{  
   width: 70%;  
}  

Ergibt zusammen 100% - passt!

Bäm steht das input unter dem Label. Wieso frag ich mich... achja hab das padding übersehen von 3px beim input. Also neue Anweisung:
label
{
   width: 30%;
}
input
{
   width: 69%;
   padding-left: 0.5%;
   padding-right: 0.5%;
}
Ergbibt zusammen 100% - passt!
Bäm steht das input unter dem Label. Wieso frag ich mich... achja hab den Border von 1px übersehen. Und hier hab ich mir doch mal gedacht frag ich die selfhtml Gurus.

Bereits beim Padding hab ich schlucken müssen. Wird das ganze zu klein steht die Schrift im Input doch sehr an den Rand gequetscht. Dass konnte ich aber noch akzeptieren. Der Border verschwindet aber irgendwann.
Lange rede kurzer Sinn, ich bin im Konflikt mit Prozentualen Angaben und festen Pixel angaben. Gibt's dafür irgendeine allgemeine Lösung? Oder wie umgeht man das am geschicktesten?

Gruß
Freilaufender
T-Rex