Ciao ragazzi

sto realizzando un classico cerca con input e bottone di invio

<div id="main_cerca">
<div id="form" ><form ... ><input class="inp" type="text" /><input type="image" src="img/cerca.jpg"/></form>
</div>
</div>

come vedete dal codice html il bottone l'ho sostituito con un immagine

e questo è il css relativo allo stile

div#main_cerca{text-align:center;
}
div#form{
width:425px;
text-align:center;
margin-top:20px;
}
.inp{
background-color:#333333;
color:#FFFFFF;
}

con esso ho modificato il colore dell'input e sostituito il bottone di default con l'immagine.
il problema è che l'immagine non si allinea con l'input e va leggermente sopra.
Come faccio per allineare il pulsante?

grazie in anticipo