No puedo lograr esto, CSS div del medio se expanda al % restante

[epcode]

Código HTML:

<div id="i"><div id="1"><img src="images/ParteIzq.png" width="365" height="90"></div><div id="2"></div><div id="3"><img src="images/ParteDer.png" width="135" height="90" /></div></div>
<div id="4" align="center">
  <div id="5">Este texto se coloca en un Div de 600px de ancho debajo de los div's anteriores....</div>
</div> 

Como Css:

Código CSS:

<style>
#i {
width: 100&#37;;
margin: 0;
padding:0;
}
#1 {
height: 90px;
position:relative;
float: left;
margin: 0;
}
#2 {
width: 60%;
position:relative;
float: left;
background-image: url(images/FondoCentral.png);
background-repeat:repeat-x;
height: 90px;
margin: 0;
}
#3 {
position:relative;
width: 135px;
height: 90px;
margin: 0;
}
#4 {
width: 100%;
}
#5 {
width: 600px;
margin: 0 auto;
}
</style>
 

Lo que intento hacer es que la imagen tipo HEADER de la página, se adapte al ancho de la pantalla, para esto, hago repetir en el div central un background en el eje x... para conseguir que la imagen se alarge...

El problema, es uqe no me queda bien... ¿Que estoy haciendo mal?

Mirá la página:
http://pythontest.eshost.com.ar/index.php?mod=downloads

(EL LINK NO DESCARGA NADA, SOLO MUESTRA LA SECCION DOWNLOAD QUIEN ES LA QUE TIENE LOS DIVs)