CSS3 Buttons [support thread]

[Design75]

I searched through this thread and others but can't seem to find an answer to my question (maybe I'm overlooking something?) so I'd very much appreciate some help. I'm running Zen Cart v1.5.4 and the latest version of CSS3 Buttons. I've got a custom designed template that I coded myself. My shop is at http://shop.d9s.co/
On just about every page where there is a CSS3 button there is a lack of space around the buttons. Look at the search button on the top of the header of all pages and the buttons at the bottom of any info page such as this one.

How do I add space around the buttons so that they aren't right at the edge of all the template's boxes? I've tried editing the margins in the button's css file but that didn't seem to work. The layout boxes have padding values but the buttons don't seem to pay any attention to those settings so they get stuck at the edges. What am I doing wrong?

Also, not all of the buttons have the same a:hover effect and I'm not quite sure why. Check out this page and see that the search, add to cart, and add to wishlist buttons react differently to mouseover than the Write Review button or the Buy Now button in the Featured sidebox. I have no idea why that's happening because the write review button is a default Zen Cart button so it should be the same as the rest, right?

Thanks for any help. I've been working on this all week and still have much more work to do before it's ready.

for the search button you can add the to the stylesheet:

.button_search: margin-right 15px;

that seemed to work when i tried it with firebug. The 15px value can of course be set to the desired value