MailChimp form not working as it should

MailChimp form not working as it should
Hi, I am using MailChimp and have got some code from their website for a simple signup form. There are error responses and success responses that show up in the form rather than a confirmation page.

When someone makes a mistake with their email address and gets an error response they are not given the success response when they finally submit correctly.

http://robcubbon.com/free-how-to-market-yourself-online-e-book

It is a signup form for a list that has a free ebook as an incentive. These visitors should receive an email with the download link. I had two emails people telling me about the problem:

1.
"Just went to the signup page and when I clicked the button, nothing seemed to happen. I would have expected to go to a confirmation page or something."

2.
"Your book download doesn't work. It keeps throwing you back to the name and email address after you enter the email the second time. "

There's 19 validation errors mostly around the form.

http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

Does anyone have any ideas where I'm going wrong?

<!-- Begin MailChimp Signup Form -->
<!--[if IE]>
<style type="text/css" media="screen">
	#mc_embed_signup fieldset {position: relative;}
	#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
</style>
<![endif]--> 

<!--[if IE 7]>
<style type="text/css" media="screen">
	.mc-field-group {overflow:visible;}
</style>
<![endif]--><script type="text/javascript">
// delete this script tag and use a "div.mce_inline_error{ XXX !important}" selector
// or fill this in and it will be inlined when errors are generated
var mc_custom_error_style = '';
</script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/js/jquery.form.js"></script>
<script type="text/javascript" src="http://robcubbon.us1.list-manage.com/subscribe/xs-js?u=xxx&amp;id=xxx"></script>
<div id="mc_embed_signup">
<form action="http://robcubbon.us1.list-manage2.com/subscribe/post?u=xxx&amp;id=xxx" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
	<fieldset id="e-book">
<p><strong>Only your Email Address is required; no need to fill out your name if you don't want.</strong></p>	
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
		<div id="mce-responses">
			<div class="response" id="mce-error-response" style="display:none"></div>
			<div class="response" id="mce-success-response" style="display:none"></div>
		</div>
		<div><input type="submit" value="Get free e-book!" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
	</fieldset>	
</form>
</div>
<!--End mc_embed_signup-->

HTML: