Attribute Rows different in Product Listing View

[Beeunique]

I have added two different photo attributes to a product but I cant get them to show on two different lines:
Example: http://www.beeunique.co.uk/index.php...oducts_id=5027
It looks fine when viewed in firefox and only 'wonky' when viewed in IE (which unfortunately most of our customers use)

The 'TEST' option appear fine but the necklace option shows the name 'Neck Chain' on the same line as the colours (with the actual Neck Chain photos showing on the row underneath). I want them to show on two different rows but want the 'Neck Chain' phrase to show the same as the 'TEST' colours one does - just above the actual choices.
I have tried changing how many attributes images show from 1-8 but it still looks the same as it does now - anyone any ideas?

ADDED - when I remove two of the colour options (leaving only 3 choices) it shows as wrong in Firefox also so it looks like a spacing/page width issue if that helps.

[gjh42]

Add to your stylesheet


h4.optionName {clear: left;}

[Beeunique]

You wonderful person - thats sorted it completely
Thanks