IE7 and Firefox search input and button heights and widths
I've been working on the following page: http://www2.hull.ac.uk/files/homepag...iHomepage.html
It is so nearly there, however if you take a look at the search bars and corresponding buttons in IE7 (or compatibility mode) or Firefox you will notice that they do not line up correctly. I've tried various ideas, removing all the padding/margins from the button does not work at all. I've been told not to use height for either of the elements, but I'm pretty stuck now. What's going on with it?
I've also noticed in IE that there's a small amount of space between the left hand side of the Find a Course box and the course search box within it - although, again, there is no padding or margins on either.
Finally, can anyone explain why when I view the same exact page in Firefox 10, Chrome 16, IE 7, and IE8 the Find a Course box appears to have a different width throughout. Ideally I'd like it to be like one seamless button/search box, I.E no gap in between the two elements. Is the box model different in all four browsers or have I just missed something obvious?
Thank you very much,