IE6 and floated divs

[fabala2008]

http://www.kerryellisweb.co.uk/theatre
I want to float the 7 theatre icons in rows of 3. It works in IE7 and other browsers but will not work in IE6. The first row is fine, then it misses 1 and displays 2 on the next line and 2 on the final row.

Can anyone help?

[thraddash]

Just by looking at it, I would assume that the second row is spaced out because the caption for the first item is on two lines, making the heights uneven.

I would suggest setting a fixed height to the floating-box class and see if that makes a difference. Maybe even add a temporary border around them to check what is going on: border: solid 1px black;