Categories/subcategories index image layout problem

I have seven subcategories all setup with images, the main category is called "gallery" which doesn't have a picture.
My problem is that the subcategory images all lineup in a vertical single file line down the page, I would like them to form a grid say two lines of 4 across the page.
Settings in admin don't seem to change the layout: "Categories To List Per Row" is set to 5
I've tried installing flexible product listing, which only changed the product listings and didn't change the subcategory index layout.

website is thruthelenz.co.nz

Any help will be very appreciated

Try separating .categoryListBoxContents out of this statement into its own, and changing float:center; to float:left;

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: center;
}

Also change float: center; to float: none; in the remaining rule, because float: center is an invalid property value.

Changed stylesheet.css :

#logo, .centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: none;
}

LABEL.categoryListBoxContents {
float:left;
}

Hasn't changed the layout >.<

Why did you add the LABEL ? That is what is preventing your change from working; .categoryListBoxContents is a div, not a label. You want simply```
.categoryListBoxContents {
float: left;
}

Ah! Got it :D, Thanks for the help guys. I'm not very familiar with code, seemed odd to have it there with nothing (#variable) so assumed it had to have LABEL in front like the other ones 0_o.