Images links align

Hello, I’m having some troubles, here I have these two images I have as links and they’re aligned one next to each other, that’s what I wanted, but now I’m trying to center them so they could be on the middle of the page while they are next one to each other, every time I try to align them on the center of the page, the images gets on top of each other. Please help ASAP, here’s the code that im currently using.

<div style="float:left; margin:5px"><a href="http://cubaremixes.com/brand/dj-arrow-cubaton/">
<img src="http://cubaremixes.com/wp-content/uploads/2014/02/cubaton.png" border="0" width="150"/></a></div> 

<div style="float:left; margin:5px"><a href="http://cubaremixes.com/brand/dj-arrow-packs/">
<img src="http://cubaremixes.com/wp-content/uploads/2014/02/packs.png" border="0" width="150"/></a></div>

Here’s my website where I have the problem, there’s the 2 images that I want to align on the center of the page

http://cubaremixes.com/category/djs/dj-arrow/