[HTML][CSS] Załamanie wiersza po znaczniku </FORM> Opcje

[Booyaches]

Witam!
Mam pewien problem. Robie wlasnie maly formularz do logowania sie. Chce miec w nim dwa przyciski: jeden login(do logowania) a drugi register (ma przenosic do strony z rejestracja). Zalezy mi na tym żeby oba byly w stylu <input type="submit"...> i aby byly na jednej linii. Wykonalem wiec dwa formularze: jeden z calym logowaniem i przyciskiem login a drugi tylko z przyciskiem register. Kiedy wrzucam to do tabeli to wszystko dziala pieknie w FF... ale w IE moj przycisk jest jedna linie nizej. Zupelnie tak jakbym w komórce przed formularzem wstawil <br/>.

[HTML] pobierz, plaintext 
<table>
        <form class="mainform" action="handleLogin.php" method="post">
          <tr>
            <td>E-mail:</td>
            <td><input type="text" class="email" size="20" maxlength="30" name="email" /></td>
          </tr>
          <tr>
            <td>Pass:</td>
            <td><input type="password" class="pass" size="20" maxlength="30" name="password" /></td>
          </tr>
          <tr>
            <td><input type="submit" class="submit" value="Login" />
        </form>
        </td>
        <td><form action="registerStep1.php">
              <input type="submit" class="submit" value="Register!" />
            </form></td>
        </tr>
      </table>
[HTML] pobierz, plaintext 

Jak moge zapobiec zalamywaniu wiersza w IE ? Czy jest jakis inny sposob na uzyskanie efektu jaki opisalem powyzej ?

[wizard144]

Btw, ja bym ten drugi przycisk zrobił jako <input type='button'> i użył na nim onclick, myślę że zaoszczędziło by to na przejrzystości kodu