Fieldset alignment with tables

[Sol Mayer-Orn]

Hi,

I'd greatly appreciate advice on alignment/padding of <fieldset> tags:

I need to create a page, with 2 fieldsets placed next to each other, horizonally. The problem is, I can't get them to align heights.

 Here's what I'm trying to achieve (same height):
 

 |-- left fieldset--|  |-- righ fieldset--|
 | text input       |  | radio button     |
 | text iput        |  | radio button     |
 |------------------|  |------------------|
 

 But I actually get this (different heights):
 
 |-- left fieldset--|  
 |                  |  |-- right fieldset-|
 | text input       |  | radio button     |
 |                  |  | radio button     |
 | text input       |  |------------------|
 |------------------|  
 

Here's the html code which I use.
Note I use tables - I'm aware there's a recommendation to prefer CSS, but i'm maintaining an existing code, that already uses tables.
Anyway, a CSS solution would be welcome as well.

 
<!-- table with 1 row, divided into 2 cells (right and left):
<table>
   <tr>
      <!-- left cell (holds nested table with 2 TEXT inputs)-->
      <td>
         <fieldset>
            <table>
               <tr>
                   <td><input type='text' /> </td>
               </tr>
               <tr>
                   <td><input type='text' /> </td>
               </tr>
            </table>
         </fieldset>
      </td>
 
      <!-- right cell (holds nested table with 2 RADIO inputs): -->
      <td>
          <fieldset>
              <table>
                  <tr>
                     <td><input type='radio' /> </td>
                  </tr>
                  <tr>
                     <td><input type='radio' /> </td>
                  </tr>
               </table>
          </fieldset>
     </td>
   </tr>
</table>
 

Thanks a lot.

[Eric Pascarello]

You can delete your own topics! Edit the post and there is a checkbox to delete!

Look into CSS line-height and giving the cells a height.

Eric