allineamenti in form

[zoc]

ciao a tutti.
Penso di stare per impazzire.
Non riesco proprio a capire come fare ad allineare un campo input text con un campo input image.

<input type="text" name="textfield" id="search-input" />
      <input type="image" name="imageField" id="search-bt" src="images/search-bt.gif" />

L'immagine del bottone è di 25px in altezza e vorrei che anche l'input fosse di 25px, ma una volta che metto nei css le dimensioni il campo text è sempre più in basso!

#search-input { height:23px; border:1px solid #CCC; margin:0px; padding:0px; }
#search-bt { height:25px; margin:0px; padding:0px; }

aiutooooooooooo!!!!
grazie!

[zoc]

ho risolo mettendo un button submit e dandogli un css così

#login-bt { height:25px; width:25px; background:url(images/search-bt.gif) top left no-repeat; border:0px; margin:0px; padding:0px; cursor:pointer; }

Nel value ho messo " "... ovvero uno spazio vuoto.

non so' se è corretto su tutti i browser ma su mac

Safari > ok
Chrome > ok
Firefox > sfasa di un pixel

ma è il meglio che sono riuscito a fare