I have long thought it was impossible to have equal height search forms cross browser.
Equal heights for form text and from submit button are really important when the search field is embeded within a banner design with a specific position, margin etc. The header instantly looks messy if this form element isn't styled to be equal heights and pixel perfect.
The search form in Drupal is a common header element block, I'm hoping to come up with generic styling for it that is cross browser, using some nice css3 properties. Ideally, to adapt it to each site, one only needs to change the background and border colours of the form elements.
Anyway this solution looks promising:
Example text page
http://www.onderhond.com/testpages/search-form.html
Write up and code:
http://www.onderhond.com/blog/work/equal-height-search-form
Tune up your Internet
4 months ago