Centre d'Aligner le bouton Soumettre

J'ai un formulaire avec une zone de texte et le bouton de validation.
J'ai flotté textarea à gauche et le bouton de validation à droite.

C'est la façon dont il est affiché dans Firefox.

Centre d'Aligner le bouton Soumettre
C'est la façon dont il est affiché dans IE.

Centre d'Aligner le bouton Soumettre

C'est le code html que j'ai écrit.

<div id="form">
  <form method="post" action="google.php">
   <textarea rows="3" cols="40"  style="width: 300px; float: left;"></textarea>
   <input type="submit" style="width: 100px; float: right;" />
  </form>
</div>

C'est le Code CSS:

#form {
 overflow: auto;
 border: 1px solid black;
 width: 600px;
 padding-left: 10px;
 padding-right: 10px;
}

Comment aligner le bouton soumettre verticalement dans le centre à l'égard de la zone de texte.?

RÉPONSE :
J'ai modifié le code pour l'adapter à mes besoins.

C'est le code CSS :

#form {
  overflow: auto;
  border: 1px solid black;
  width: 600px;
  padding-left: 10px;
 padding-right: 10px;
  }
 #form  textarea {
   vertical-align: middle;
  }
 #form span{
   display: inline-block;
   vertical-align: middle;
  margin-left: 40px;
}

Code HTML:

 <div id="form">
    <form method="post" action="google.php">
    <textarea rows="3" cols="40"  style="width: 300px; "></textarea>
    <span><input type="submit" value="Comment"  /></span> </form>
 </div>

OriginalL'auteur Pradeep | 2013-08-05