I have tried to follow what's been posted here previously on this subject, but after having spent many hours trying to piece this together, I'm asking for specific help on my page.
Please go to http://simplysavvyshop.com/site/ and you will see a "sign up for news and savings" bar along the bottom.
Ultimately, this row will only be 44px tall, but I've left it taller so you can see all the form elements I'm trying to stretch along the dark part of the bar.
It should appear as: "First InputBox Last InputBox Email InputBox SubscribeButton" all in one straight horizontal line.
I had it working in all browsers except IE7 (IE8 wasn't perfect, but very close). Then I stripped all the code out to try again, and I just can't get "First" to float to the left of its input box, and "Last" to move before its input box in IE7. I haven't completely resolved the email and subscribe button, either.
I've read about IE7 float problems, but can't seem to understand how to solve my own particular problem with Gravity Forms/CSS.
Below is my current code...Can someone please help me make this read "First InputBox Last InputBox Email InputBox SubscribeButton" all in one straight horizontal line in IE7? Thank you very, very much, in advance!