Form not positioned correctly & not validating

[pidgin-magazine]

Hello,

I am working on a very simple css site. I am having a couple of problems with three forms on my site:
http://www.pidgin-magazine.net/

Under the $$$ section I have three links (paypal shopping cart forms):
'Donate'
'Order'
'Pre-order'

1. These links should vertically line up with the images to their left (right now they appear to high). I've tried using the same code with images in-place of the forms and it works perfect. So something is off once i put the code for the forms in. I can't seem to get the positioning right so that the rows line up.

2. I've also added an <a> tag around the form in order to create a rollover effect with css. This isn't validating and obviously isn't kosher. Is there a correct way to do this?

3. The third, less major, issue is the spacing of the 7 boxes on the page. If I narrow my web browser so only two boxes show in one row, then the 3rd box (with the title 'Hey') doesn't want to move left. There is a strange gap.

I would be grateful for any help and advice. I would of course welcome any other tips and comments on the site.
Thank you in advance.

[pidgin-magazine]

I kept fiddling and I was able to get the majority of this problem fixed. One thing remains:

I've placed a <div> and <a> tag around the form to create the rollover effect. This then won't validate. Is there a sound way to achieve a rollover effect with the form buttons?

[pidgin-magazine]

i figured it all out.

[HelloRicky]

*Closing thread*