Devo posizionare 2 form sulla stessa linea, mi spiego meglio attraverso questa foto http://i.imgur.com/ETRa5.jpg

il 2 form hanno questa struttura

codice:
 <form class="ex1" nome=indietro action=pLog method=post> 
                    <fieldset>
                        <legend>Go Back</legend>
                        <input type=text name=user value=form1>
                        <input type=submit value=Move Back>
                        </fieldset>
                        </form>        
            <form class="ex2" nome=salva action=pTestSave method=post>
                        <fieldset>
                        <legend>Save the result</legend>
                        <input type=text name=nomeDoc value=form2>
                        <input type=submit value=Save>
                        </fieldset>
                        </form>
E sto usando questi css

codice:
   form.ex1{
                padding:5px;
                margin:10px;
                float:left;
            } 
            form.ex2{  
                padding:5px;
                margin:10px;
            } 
legend{
    width: 200px;
    font-weight:bold;
    color: #333;}
label{
    float:left;
    width:250px;
    display: inline;
    margin-left:20px;
    line-height:20px
}
fieldset{
    width: 500px;
}
body {
    text-align: center; /* IE5.x */
}
ma il risultato è questo http://i.imgur.com/HcHi0.jpg

Come potete vedere il form di dx (il secondo) non è alla stessa altezza del primo. Come fare per averli alla stessa altezza?!