Vertical Middle align with search box

[Ryan Fitton]

Hi, i'm having a problkem with a search box i customised in CSS.

IE7 correctly shows the submit button with the text vertially aligned in the middle of the button but the text area box shows the text at the very top of the box. Screenshot

Firefox does not show any of these correct. FF shows the submit button text at the very bottom and the text in the search box at the very top the same as IE7. Screenshot


Here is my CSS code:

}
.textInput {
 border: 1px solid #000000;
 background: #FFFFFF;
 color: #000000;
 height: 20px;
 width: 152px;
 padding: 0px;
 float: left;
 font-size: 14px;

}
.submitInput {
 border: 1px solid #000000;
 background: #FFFFFF;
 color: #000000;
 height: 22px;
 width: 100px;
 text-top: 1px;
 float: right;
 margin-left: 2px;
 font-size: 14px;

I was wanting to know if there is anyway of making the text in both the text area and submit button verticaly aligned in the middle.

Also here is a site to my website where the search box is in the top right: http://www.ryanfitton.co.uk.