I'm coding a page with a search bar, behind which is a simple background image. The search form includes: 1. A small icon image (which actually isn't part of the form, but should appear to be so) 2. A text input for the search terms, and 3. An image input button to activate the search. The code looks something like this:
In FF, the background-image is somehow vertically-aligned to the center, and is only about half as tall as it should be. In IE6 and IE7, the background renders fine except that it is still missing about 2px at the top. I've been messing around with this for onger than I should have in the last couple of days, and haven't really been able to figure out what the deal is, so I figure I'm messing something up here that my meager experience with CSS has yet to teach me.