Viewing this page in Firefox: http://moneyextra.thehelpgroup.co.uk...s.php?index=79 - it looks fine, but when you view it in IE 6, it is really messed up

Does anyone know whats causing that to happen and how I would fix it

Thanks alot

You need to give the "titlediv" a height equal to the content that's in it.
IE6 doesn't do well with leaving that little detail out.

So do you mean in the css, I need to add a "height" to titlediv ?

Setting a fixed height on the titlediv class won't help for the longer rows such as 'loyalty scheme'.

Another possible fix is adding 'clear:left;' to the titlediv class. This will get the content going on the right rows in IE6 and doesn't affect Firefox. However you'll need to play with the padding to get the right spacing between rows.