Problem with images - need help please

Hi there,

I'm finding that my amazon buy now link is overlapping with my product image.

here's an example:

Snark SN-1 Tuner Review

How can I fix this? I would like them not to overlap and the buy now button be lower than the image.

Here's my code:

<div style="float: left;">

<a href="http://www.guitar-gear-review.com/wp-content/uploads/2012/06/snarktuner.jpg"><img class="alignleft size-full wp-image-71" style="float: none;" title="Snark SN-1 Tuner " src="http://www.guitar-gear-review.com/wp-content/uploads/2012/06/snarktuner.jpg" alt="Snark SN-1 Tuner " width="300" height="300" /></a>

<form style="text-align: center; display: block; margin-top: -49px;" action="http://www.amazon.com/gp/aws/cart/add.html" method="GET"><input type="hidden" name="AssociateTag" value="XXXXXXXX" /> <input type="hidden" name="SubscriptionId" value="XXXXXXXXXXXXXXXXX" /> <input type="hidden" name="ASIN.1" value="XXXXXXXX" /> <input type="hidden" name="Quantity.1" value="1" /> <input class="alignleft border=" style="float: none;" type="image" name="add" value="Buy from Amazon.com" src="http://images.amazon.com/images/G/01/associates/add-to-cart.gif" alt="Buy from Amazon.com" /></form></div>

Why's it overlapping like that? Any help would be greatly appreciated!

Thanks!!

J