IE7 floating issues with submit button and input field

Hi,

I am working on a website for someone and i am trying to float the search elements left, or right, not really worried right now, but when i do it fails to appear correct in IE7. I thought i had cleared the floats but obviously either in the wrong place or totally wrong.

As it stands i have changed them by removing both float styles and just have them display:inline blocks, however this still didnt work.

Can anyone shine any light on the following address:

http://www.bluebean.org.uk/sites/tracynewman/

Thanks,

Andrew
Andy6350Asked:
Who is Participating?
 
Kim WalkerWeb Programmer/TechnicianCommented:
The problem appears to be that there just isn't enough room for them side-by-side and I suspect it has something to do with the word "SEARCH" being in a text input element. IE has it's own algorithm for determining the automatic width of an input element. Try giving the one with "SEARCH" in it a fixed width with no left or right padding, centered, and see if that helps.
0
 
Andy6350Author Commented:
ah yes, thank you, i have been changing width and padding on everything but the input button.

Thank you, works a charm.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.