This is an image of what I'm trying to achieve (fixed width 2 col):



Quite simple I would have thought but being the newbie I am to CSS...

There are 2 things that complicate:

1. the footer needs to have no bg color (so the body bg image can be seen)
- this means it has to be outside the container div and therefore cannot be user as a 'clearer'.

2. I can't be certain which column will have the most content (usually the main content column but not always)

This is what is currently happening when there isn't enough content:



HTML | CSS

I need both to be of equal height and the footer to be transparent.

Can anyone offer some suggestions?