Centering contents in a div. Cannot get to center

[emmamagic]

I have the code below in a site but can't get to center everything within the main div (rightBarItems):\[code\]<div class="rightBarItems"><?phpecho "<div class='similarTitle'>YOU MAY ALSO LIKE</div>";while ($row3 = $result3->fetch()){echo "<div class='similarItems'>";echo "<a href='http://stackoverflow.com/questions/14033304/items_descr.php?itemId=".$row3[id_item]."'><img class='similarImage' src='http://stackoverflow.com/questions/14033304/images/{$row3[thumb1]}.jpg'></img>";echo "<div class='similarItemsText'>".$row3[name]."</div></div>";}?>\[/code\]Then, here is my css:\[code\] .similarTitle { font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,sans-serif; font-size:15px; text-transform:uppercase; color:#3E3E3E; }.rightBarItems{margin: 0 auto;width: 168px;background: #F3EFE2;padding: 10px;float: right;text-align: center; height: 300px;} .similarItems { float: left; text-align:center; margin: 0 auto; padding: 5px; } .similarItemsText { padding-right: 11px; margin: 0 auto; font-family: verdana,Helvetica,Arial,sans-serif; font-size: 11px; color: #666; } #similarImage { margin: 0 auto; border: 1px solid gray; float: left; }\[/code\]Not everything gets centered... Any help? Thanks!!* Adding some extra CSS I had forgot to put