Laying out form in one horizontal strip, IE7 problems

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!

http://pastie.org/986311

Thank you so much, Kevin. Your screenshot shows exactly what I need to do.

I'm doing something wrong with the "embedding a form" process, though.

I put this code into my text widget area, replacing the shortcode I'd had in there before: <?php gravity_form(1, false, false); ?>

I'm using "1" instead of "2" (which is in the example given) because my Gravity Forms id for this newsletter signup is "1." Am I correct so far? I first tried putting this in the functions.php and leaving the shortcode in the widget box...but that didn't work. So then I thought maybe you replace the shortcode with this code in the text widget, and that doesn't work either.

Then the directions say to paste a block of code in my functions.php page. Do I need to alter this code in any way, or do I simply paste it into the page? In other words, where it says ", WP_PLUGIN_URL . "/gravityforms" etc. in the PHP code, do I need to actually enter my URL, or do I simply cut-and-paste as is? I left as is, having tried entering the URL, too.

Doing these two things, and then overwriting my css with yours, I get a blank bar with no form. (I was able to set up the email forms as you described, though, assuming that by "left label" you meant "left aligned" under "label placement.")

I'm sorry to be so dense, but if you can specifically tell me what to put in my text widget and functions.php file, I should be all set...and smarter, too.

Again, thank you so much for your help.

You, sir, are exceptional!

I thought I'd tried my current configuration with the shortcode (not the one-line php snippet)...but I must have had the shortcode in place when I tried putting my actual URL in the WP_PLUGIN_URL php code.

In other words, I just didn't have the correct combination in place when I rewrote you.

With the original shortcode in place, the PHP block pasted in as is to the functions.php file, the email changes you stated, and your CSS in place...I am golden!

I will now pore over your CSS to see what you did, and I can forevermore lay out a horizontal Gravity Form that works in IE7.

I am truly very grateful to you, Kevin. I literally could not have gotten this straightened out (if you'll allow me the play on words) without you...