Line up search button next to search box

Exactly that see here the search button doesn't line up next to the search input box, I am looking at resorting to some table based hacks to get it working at the moment.

It is just stumping me at the moment, should be an easy fix but I'll be blowed if i can figure it out.

Add to your stylesheet

#navMainSearch input+input+input+input+input {position: relative; top: 0.5em;}

gjh42:

Add to your stylesheet

#navMainSearch input+input+input+input+input {position: relative; top: 0.5em;}

I tried that, it didn't work, not sure if its supposed to have that many inputs so i also tried

#navMainSearch input {position: relative; top: 0.5em;}

That also had no effect

I tested it on your site. What browser are you using? Older browsers (IE6 for sure) don't support the adjacent selector operator (+) even though it has been a standard for about 10 years.

gjh42:

I tested it on your site. What browser are you using? Older browsers (IE6 for sure) don't support the adjacent selector operator (+) even though it has been a standard for about 10 years.
Tested in FF 3.6.13, Opera 11, IE 9 (no matter how many hard refreshes I have tried)

Seems to work in chrome and Safari

Its currently set to use your code, does it look right to you, as i may have to reboot to clear the cache completely (Normally only IE and FF play up like this)

Update OK closed all browsers ran CCleaner to clear the caches

0.5em -- displays perfectly in Firefox & Safari (but still not in line with search box in all other browsers)
0.7em -- displays perfectly in Chrome and Opera (but now button in firefox is lower than search box, and IE still no different)

so currently its set at 0.6em, but IE is the most common browser on this site

Annoying that the same measurement is rendered differently, but really annoying that even IE9 doesn't get it at all (for you?).
When I look at it in IE8 it looks fine, but IE7 Compatibility View doesn't move it at all.