Images not aligning

[dave3009]

Hi

I hope there is an easy fix for this, I'm really what not sure what the cause of the problem is but the images on my site don't seem to be aligning. I'd rather get this solved before I plod on with the design element.

Site in question can be found here

The width has been set to 33% ( I haven't edited the images per row). Images are all set to 120x150px in admin. I'm not aware of changing any specific file that might change this.

Is there an easy fix or am I needing to start over.

Thanks


dave3009

[dave3009]

Seems as though despite the width of the divs being 33% there is some additional padding somewhere.

<div class="centerBoxWrapper" id="whatsNew">
<h2 class="centerBoxHeading">New Products For February</h2>
    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=419"><img src="images/J9171.jpg" alt="J9171" title=" J9171 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=419">J9171</a><br>£290.00</div>
    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=418"><img src="images/J9169.jpg" alt="J9169" title=" J9169 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=418">J9169</a><br>£290.00</div>
    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=417"><img src="images/J9167.jpg" alt="J9167" title=" J9167 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=417">J9167</a><br>£310.00</div>
<br class="clearBoth">

    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=416"><img src="images/J9165.jpg" alt="J9165" title=" J9165 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=416">J9165</a><br>£255.00</div>
    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=415"><img src="images/J9163.jpg" alt="J9163" title=" J9163 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=415">J9163</a><br>£305.00</div>
    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=414"><img src="images/J9162.jpg" alt="J9162" title=" J9162 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=414">J9162</a><br>£270.00</div>
<br class="clearBoth">

    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=413"><img src="images/J9158.jpg" alt="J9158" title=" J9158 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=413">J9158</a><br>£330.00</div>

    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=412"><img src="images/J9157.jpg" alt="J9157" title=" J9157 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=412">J9157</a><br>£290.00</div>
    <div class="centerBoxContentsNew centeredContent back" style="width: 33%;"><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=411"><img src="images/J9156.jpg" alt="J9156" title=" J9156 " width="80" height="120"></a><br><a href="http://store.glitz-prom.com/index.php?main_page=product_info&amp;cPath=0&amp;products_id=411">J9156</a><br>£315.00</div>
<br class="clearBoth">
 
</div>

Covers a single row of what should be 3 images. Is it likely that any padding in one of - centerBoxContentsNew centeredContent back - might be causing this misalignment.

Actually having just gone for it it seems that the padding was causing the issue. Must try harder next time, thanks for looking