Form: Label / Field rechts / links bündig

Hallo

Ich habe ein Form mit 2 Spalten, wobei das ganze horizontal nur bis zur Bildschirm mitte reicht. In der ersten Spalte hab ich die Labels, in der zweiten hab ich die Felder (width:100%). Ein Paar Felder haben jedoch noch einen Zusatz-Button welcher auch genau gleich hoch ist wie das Feld und eine Fixe länge. Diese 2 Elemente (Feld/Button) befinden sich in 1 Spalte, somit hab ich Probleme, den Button rechtsbündig wie die anderen Felder der Spalte zu machen.

Hier mein Code (hab das CSS etwas vereinfacht..):

<table style="width:100%">
  <colgroup>
      <col width="20%">
    <col width="30%">
    <col width="50%">
  </colgroup> 
  <tbody> 
     <tr> 
    <td>Label 1</td>
    <td>
      <input style="width:100%" name="FieldName" value="" maxlength="50" type="text">
    </td>
    <td></td>
  </tr>
   <tr> 
    <td>Label 2</td>
    <td>
      <input style="width:90%;" name="FieldName" value="" maxlength="50" type="text">
      <input style="width:20px;" title="Action For Field" onclick="alert('action')" type="button">
    </td>
    <td></td>
  </tr>
</table>

Das Problem ist die Fixe Breite des Buttons, kann ich jedoch nicht ändern..

Eine extra Tabelle möcht ich nicht machen, da ich schon eine "globale" CSS Klasse für TD definiert hab, bei embedded Tables sehen dan die Abstände und Rahmen komisch aus (werden doppelt gemacht).

Kann man da evtl. etwas mit span oder divs machen?

Bin für jede Hilfe dankbar