Hi Everyone!

I'm trying to create a footer for my blog and I've done fairly well using lots of previous posts here to answer my html question. I've run into one snag: the form is taking on the attribute of the pinterest icon. All the other icons work - I hover and click and they take me where I want to go. But I cannot click into the form - instead I'm taken to pinterest. If I remove the form and place it below the icon code, the form attributes return. I don't understand why they disappear when the form is it's right place.

I'm hoping someone could give a once over to my code and see where my error is. Thanks so much in advance for any help. (And I apologize if it's not "pretty" code - I'm learning as I go!)

<html>
<style>
body {
background: url("http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Footer.jpg") no-repeat;
}
</style>
</html>
<div="form">
<form name="footer" action="http://dontwastethecrumbs.us5.list-manage1.com/subscribe/post?u=174ddbeb0d5689543e624c877&amp;id=095107c6ff" method="get" style="margin-top:75px; margin-left:75px">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required float:left>
<input type="submit" value="Sign Me Up" name="subscribe" id="mc-embedded-subscribe" class="button" float:right>
</form>
</div>
<div id="buttons" style="margin-top:-110px">
<a href="http://www.facebook.com/dontwastethecrumbs/" target="_blank"><img src="http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Facebook-Icon.png" alt="Facebook" title="Become a Facebook Fan" width="32px" height="32px" style="padding-left:387px; padding-top:0px;"/></a>
<a href="https://twitter.com/dontwastecrumbs" target="_blank"><img src="http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Twitter-Icon.png" alt="Twitter" title="Follow via Twitter" width="32px" height="32px" style="padding-left:387px; padding-top:4px;"/></a>
<a href="http://pinterest.com/dontwastecrumbs" target="_blank"><img src="http://dontwastethecrumbs.com/wp-content/uploads/2013/03/Pinterest-Icon.png" alt="Pinterest" title="Follow on Pinterest" width="32px" height="32x" style="padding-left:387px; padding-top:4px;"/></a>
<a href="http://feeds.feedburner.com/DontWasteTheCrumbsEmailNewsletter" target="_blank"><img src="
http://dontwastethecrumbs.com/wp-content/uploads/2013/03/RSS-Icon.png" alt="Subscribe via RSS" title="Subscribe to Crumbs via RSS" width="32px" height="32px" style="padding-left:387px; padding-top:4px;"/></a>
</div>