Column Grid Layout Spacing

[ekcetera]

Look at my page: http://shop.ekcetera.com/index.php?m...index&cPath=68

I am using the column grid layout and it works fine, except for every few rows or so, it adds extra spacing and shifts everything oddly. I searched for answers and it appears that I would need to create a fixed invisible box around each product to fix this. After looking at my source code, it appears that the css that I would need to edit is: centerBoxContentsProducts.

I did that - added a margin around it all. It did not work. Am I missing something? What should I do to create consistent, evenly spaced, lined up layout?

Thanks.

[pjb923]

Are you sure you added the css to the correct stylesheet?
I don't see any reference to centerBoxContentsProducts anywhere.

What you need to do is make the boxes all the same height.

Try this:

.centerBoxContentsProducts {
height: 300px;
text-align: center;}

You can remove the text-align: center if you want.

[slitter]

I am using the column layout grid and i seem to have inconsistant spacing and overlapping images (see image). I tried to fix the css (.centerBoxContentsProducts and productListing) as discussed above, I also tried various size combinations in 'configuration -> images' but so far no luck.
When I refresh the page they line up perfect. This only happens in FF
Any idea if it is something else than a css issue?