Layout 2 Colunas ajustável horizontal vertical com bg degrade no meio

Boa tarde galera,

estou desenvolvendo um layout que na idéia tem 2 colunas, mas quero ele ajustável horizontal e vertical (líquido), porém em que o rodapé sempre fique encostado na parte inferior do browser caso o conteúdo seja menor do que o espaço vertical do mesmo. Porém que quando o conteúdo for maior do que o espaço horizontal ele crie uma barra de rolagem e mantenha o rodapé alinhado abaixo de tudo.

O layout em questão é esse da imagem abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img230.imageshack.us/img230/1575/lay3mk1.jpg&key=2c757b001c6d2dfb701cb603f7c366331cf820247fdfb0c0fc781c8951859764" alt="Imagem Postada" />

Acho q deveria fazê-lo em duas colunas mesmo, pois o menu lateral seria 1 e onde ficará o conteúdo outra.

outro problema que encontrei na minha quebração de cabeça foi a questão de deixar o fundo do conteúdo e do menu com essas cores em degradê... não queria colocar o menu flutuando acima de tudo em PNG com fundo transparente por causa dos bugs no IE6, acho que seria ideal recortar ele onde está mesmo!

Como base estava utilizando esse tutorial para meu projeto, mas tá f***! Segui o exemplo de layout liquido 2 colunas que ele cita.

http://imasters.com.br/artigo/3638/web...youts_parte_02/

Agradeço desde já!