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)

[maycolalvarez]

el atributo align="center" esta obsoleto, usa: style="margin: 0px auto;"

por norma general evita usar solo números en nombres de clase, id, etc, trata de usar al menos un carácter alfanumérico:

<div id="i"><div id="d1"><div id="d2"> ...
<style type="text/css">
#d1 {
...
}
#d2 {
...
}
#d3 {
...

[epcode]

Iniciado por maycolalvarez

el atributo align="center" esta obsoleto, usa: style="margin: 0px auto;"

por norma general evita usar solo números en nombres de clase, id, etc, trata de usar al menos un carácter alfanumérico:

<div id="i"><div id="d1"><div id="d2"> ...
<style type="text/css">
#d1 {
...
}
#d2 {
...
}
#d3 {
...

Realize los cambios, pero el background central que tiene que repetirse en x, ni si quiera se ve... y la parte derecha de la imagen, quien cierra se pone en la linea de abajo... ¿Qué puede ser?

[kseso?]

Los nombres de las clases o id pueden ser alfanuméricos o sólo formados por letras. Pero nunca comenzar por un dígito. No es que se desaconseje, Maycolalvarez, o que haya que procurar evitar, sino que no se puede, está terminantemente prohibido.
La razón: vea con firebug o equivalentes qué ocurre en su página:
A sus #1, #2, #3 no se le aplican los estilos declarados.

Cambie la denominación y de ellos (en el html y el css) y después vemos lo que ocurre y cómo corregirlo.

[epcode]

Iniciado por kseso?

Los nombres de las clases o id pueden ser alfanuméricos o sólo formados por letras. Pero nunca comenzar por un dígito. No es que se desaconseje, Maycolalvarez, o que haya que procurar evitar, sino que no se puede, está terminantemente prohibido.
La razón: vea con firebug o equivalentes qué ocurre en su página:
A sus #1, #2, #3 no se le aplican los estilos declarados.

Cambie la denominación y de ellos (en el html y el css) y después vemos lo que ocurre y cómo corregirlo.

Ya eh corregido y eh puesto un nombre alfanumérico, pero el background central quedebe estirarse para hacer tocar los bordes fijos de la imagen, sigue sin verse (Queda espacio en blanco) y el div del cierre de la imagen queda en la linea de debajo....

Chequeá el link para ver visualmente lo que hace!
pythontest.eshost.com.ar/index.php?mod=Downloads

[kseso?]

Tiene que cambiarlo tanto en el html como el css.