Imagem de divisão de colunas

Olá pessoal beleza?

Eu queria uma solução para o seguinte problema, tenho dois containers (colunas) um do lado do outro e para uma estética melhor coloquei uma divisória vertical (imagem). Como na maioria das vezes a coluna da esquerda tem mais conteúdo apliquei um background nela.

Só que existe uma ocasião que a coluna da direita é maior, sendo assim a mesma coluna é extensa mais a divisória não acompanha.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lucianofelli.com/teste/ps/divisoria.jpg&key=2e60cbf00bbbae85d9d3049448487d0d2d0db0c921277daf79f2c791438bf4d4" alt="Imagem Postada" />

Meu código:

body,td,th {

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

body
{

	background-color: #d9e6f7;
}

.largura

{

	width:950px;
}

#pai

{

	margin:auto;
	background:#FFF;
}

#topo

{
}

#menu
{
}

#corpo
{

	padding-left:10px;
	padding-right:10px;

}

#coluna1

{

	float:left;
	width:630px;
	padding-left:10px;
	padding-right:10px;
	background:url(images/bg_menulateral.jpg)
}

#coluna2

{

	float:right;
	width:270px;
	padding-left:10px;
	padding-right:10px;
}

#rodape

{

	padding-top:30px;
	clear:both;
}

.cinza_tabela

{

	background:#CCC;
	width: 100%;
}

Tem como a altura das colunas serem as mesmas sem definir o valo de pixels até o rodapé ?

Abs