Column Display not displaying properly

Quite hard to explain the problem, far easier to show http://www.bubblebubs.com/store/index.php?main_page=index&cPath=4&sort=20a&page=2

I cant understand why the last row shows the first 2 products lower than the 3rd in that row any ideas? I thought initially it was because I imported the items however it is doing the same on this page http://www.bubblebubs.com/store/index.php?main_page=index&cPath=9 and all of those were entered through admin.

Any help appreciated as the new site is going live in 24hrs :)

Oh and a side note I know I have seen it somewhere but am going a bit insane looking at it all now, how do I stop the product description showing on those pages (I only want it to show on the product info page)?

I don't see a reason for the behavior - it is not the usual wrapping problem. This will take some more poking around.

For the description, just turn it off in Configuration > Product Listing > Display Product Description.

Thanks for looking :) and I swear to god I tried setting the product listing to 0 last night LOL! I must have been working on this site for way too long!

I have found the problem.

The black/white item (top right) is actually ahead of the pink and purple items in view source. The black/white product box is trying to float left, but is getting hung up on the bottom corner of the middle box in the previous row which is taller that the box to its right.

You need a clear: both; between rows in the listing. I believe there is one by default, but some customization may have disabled it.
It can't be done just in the stylesheet. It will take some editing of /includes/modules/your_template/product_listing.php.

oh thanks for looking into that for me :) I think it may take a while but I'm sure I can get it fixed now :D