Wierd behavior of input[type="text"] in FireFox

Hi everyone!
I was trying to make a custom INPUT for my site using this code:

.search {
height:22px;
}
.search input[type="text"]{
border:0px;
height:22px;
width:187px;
padding:0;
background: url(gfx/search_box.png) top left no-repeat;
}
.search input[type="submit"]{
border:0px;
height:22px;
width:71px;
padding: 0;
text-align:left;
background: url(gfx/search_button.png) top left no-repeat;
cursor:pointer;cursor:hand;
}


<div class="search">
<input type="text" value="search text"/>
<input type="submit" value="искать"/>
</div>


And for some reason text input in firefox gets lower than in all other browsers:
Here's appearance in webkit. opera and even IE:
http://i35.tinypic.com/213qbf8.jpg
And this is how it appears in FF:
http://i38.tinypic.com/2heeuxu.jpg

I even tried to give the containing div (.search) desired height (22px), but that input went lower than it should be:
http://i37.tinypic.com/21l771v.jpg

Here's a link to entire page:
http://www.tmean.ru/design/

The question is: how do I make it all look same?

Thank you for your help.

Have a try by setting float:left; to your text element.

hm...
that helps...
its kinda bung but it helps
thanx =)