css float problem
i have a page of product categories, where each category image sits in a left floated div, so that i can fit 3 to a line, giving a grid like effect.
i want some text to sit beneath each set of images, which varies depending on the number of items in each category.
where i have 3, 6 or 9 images, no problem, the grid is filled, the text sits underneath, however if I have 4 or 7 images, the text sits alongside.
i have tried adding a clearboth break below the 'grid', but this forces the text to below the content of the left sidebar.
eg category.php?CategoryID=1
looks ok
category.php?CategoryID=14 has a big gap because of the sidebar.