[CSS] Tabela z formularzem w różnych przeglądarkach, W Firefox i IE jest ok, w Operze nie do przyjęcia Opcje

[Leopard]

Mam tabelkę z małym formularzem:

[HTML] pobierz, plaintext 
<table class="login_form">
                   <tr>
                      <td class="login">
                        <form action="?login" method="post">
                        &nbsp;Login: <input class="login" type="text" name="userName" maxlength="22">
                        Password: <input class="login" type="password" name="userPass" maxlength="22">
                        &nbsp;<button class="login" type="submit" name="login" value="ok">
                        Login
                        </button>
                        </form>
                      </td>
                    </tr>
                </table>
[HTML] pobierz, plaintext 

Do tego styl:

[HTML] pobierz, plaintext 
table.login_form {
  font: 12px Arial,Helvetica,sans-serif;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  background: #dcdcdc;
}
 
td, tr {
  border-style: none;
}
 
input.login {
  font: 14px Arial,Helvetica,sans-serif;
  width: 150px;
}
[HTML] pobierz, plaintext 

Musi on dobrze wyglądać we wszystkich przeglądarkach a niestety tak nie jest:

Firefox - OK

IE - lekkie różnice ale jest OK

Opera - lipa


Da się to jakoś ujednolicić?

Najgorzej jest z operą - chodzi o to żeby między oknami input (na górze) a ramką była szara przestrzeń i to samo w przypadku przycisku "login" tylko, że z prawej i na dole.