I'm having great difficulty trying to position elements with a form. Basically I've created a simple search form for my blog (work in progress), and I want it to be on one line, with an input box and a search button.

I have a custom background image to use with each, both are 20px high. All I want is for the elements to be at the same level on all browsers, but it seems that when I get them aligned on Firefox, neither Opera or IE render it correctly and vice versa.

Any help is appreciated, the site is here. The form is in the top right corner, and doesn't have any functionality yet so don't bother clicking the search button :P

Looks fine in NS 7.1