greencode - 7:29 pm on Oct 4, 2010 (gmt 0)
Hi birdbrain. I didn't mean to upset you there and I did say in my follow up message on the 2nd October that your original solution worked perfectly well but I am now doing another project that has uneven margins. The code I've given above is the code that I need to figure out how to work a solution. The main issue is that I'm unable to add separate classes to the right column contents and the bottom row contents - something if it were a static site then I could easily do and add zero margins on those offending divs.
If you take a look at the code above it should have 4 boxes on the first row, 4 on the second and the remaining 2 on the third row but because it has a wide right margin these end up spanning over onto the next row.
Again, apologies if you're offended - that really is the last thing I meant to do!