Configurar corretamente o tamanho das #DIV'S

Ola pessoal,

tenhoo a seguinte duvida:

eutenho duas div's (div1 e div2) uma ao lado da outra.

na div 1 eu tenho uma imagem com a altura de 200px, e na div dois ainda não coloquei conteudo apenas um background-image que chama uma figura colorida de 1px por 1px.

o que eu quero e que conforme eu vou inserindo conteudo na div 1 a div2 acompanhe o tamanho e replique o seu backgrud por toda a sua area.

abaixo segue o codigo css, html e uma imagem de exemplo. aguardo resposta vlw gente.public/style_emoticons/default/clap.gif

Folha CSS

#div1
{

	position:relative;
	float:left;
	width:700px;
	height:auto;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	background-color:#FFFFFF;
}
#div2

	position:relative;
	float:left;
	width:258px;
	height:auto;
	background-image:url(img/fundoWidget.png);
}

Pagina

<div id="div1" align"center"><img src="img/contrucao.jpg" /></div>
<div id="div2"> </div>

imagem exemplo

/applications/core/interface/imageproxy/imageproxy.php?img=http://uploaddeimagens.com.br/imagem/ver/9duvida-css.png&key=9cfa9960c71d63fc9a33552bdf4a10f155ac0d9132ed7d8c78f7fa6af9852b03" alt="Imagem Postada" />