Search Button Positioning?

[Ambitions]

My search button displays fine in Firefox, IE8 and Chrome but in most other browsers it displays like:



Is there an easy fix for this?

--------------------------------------
www.clickpurchase.co.uk

[kobra]

What browsers and what platform???

[stevesh]

It looks OK in every browser I have except IE6 and IE7.

You've installed the mod to allow IE6 and 7-specific stylesheets - now you need to create the sheets.

If you use IE Web Developer to look at the site in Compatiblity Mode (IE7) you'll see that removing the float:left; from #navMainSearch input allows the button to move up - then you should be able to use some margin-top to put it where it belongs. You'd do that in IE6 and 7 stylesheets.

[Ambitions]

It looks OK in every browser I have except IE6 and IE7.

You've installed the mod to allow IE6 and 7-specific stylesheets - now you need to create the sheets.

If you use IE Web Developer to look at the site in Compatiblity Mode (IE7) you'll see that removing the float:left; from #navMainSearch input allows the button to move up - then you should be able to use some margin-top to put it where it belongs. You'd do that in IE6 and 7 stylesheets.

Thanks Stevesh, removing the float: left; allowed it to move back into place, unfortunately its a little high for the search field now and any margin-top rule just pushes the search field down along with the button effectively keeping it the same distance apart...

any ideas?