Using CSS to format a radio button and its label

I have some CSS code that I've used to format a radiobutton and its label.  I have been using this code to ensure that the label for the radio button doesn't wrap under it if it is shown on multiple lines.  There are two problems with this code.  One is that the radiobuttons and text are vertically aligned in the middle of the table cell.  This means that if there are more lines in one label than another in the row; the radiobuttons are no longer aligned.  The second problem is setting the width.  If I leave this blank, all the table columns end up squashed to the left.  I'm not particularly worried about working out this size, but I am concerned with the sizes working out differently in different browsers.

The code I have been using is below.  Please note that I cannot change the table format as it is output automatically by a system I can't change. I have full access to change stylesheets.  Thanks in advance.

     <style type="text/css">
           #rblist label {
               display:block;
               width:10em;
               float:right;}
                    
           #rblist input {
               display:block;
               float:left;}
     </style>

      <table id="rblist">
            <tr>
                  <td><input id="rblist_0" type="radio" name="rblist" value="1" /><label for="rblist_0">Long Text 1</label></td>
                  <td><input id="rblist_1" type="radio" name="rblist" value="2" /><label for="rblist_1">Long Text 2</label></td>
                  <td><input id="rblist_2" type="radio" name="rblist" value="3" /><label for="rblist_2">Long Text 3</label></td>
            </tr>
      </table>
Start Free Trial