I had a feeling this seemed too easy:
http://bit.ly/HzA9E6

I've got my markup sorted fine in all major browsers bar IE7 and 8 (see attached image)

I think the problem is caused by this:

.row, .col {
    overflow: hidden;
}

But I need that in there to clear my floats properly, otherwise I'll be adding tonnes of <br class="clear" /> tags!

Does anyone know of a way around this?

Originally Posted by Debra2

I think the problem is caused by this

Caused by what?

You might want to try this instead of the old overflow method:
http://nicolasgallagher.com/micro-clearfix-hack/

Thanks I'll keep it in mind.

Although I've recently discovered that the issue is something else, i.e. Gridpak not being IE7 compatible! Apparently it's IE8 compatible, but doesn't seem that way to me :/