Imagenes a los costados del foro(Estado = Sin solucion aun)

[Maurojas99]

URL: http://www.kurusnofansub.com/foro/
Versión phpBB: phpBB3 (3.0.5)
MODs Instalados: Ninguno
Plantilla(s) usada(s): mg_autumn (Con modificaciones de imagenes)
Servidor: Linux, De pago, GoDaddy
Actualización desde otra versión: no
Conversión desde otro sistema de foros: no

Buenas a todos, la cuestion es esta:
Quisiera colocar una imagen la los costados del foro, una a la derecha y otra a la izquierda de tal manera a que cuando la pantalla sea de 640x480, se vea solo el foro, pero al ser la pantalla ancha, se vean las imagenes a los costados. y a su vez que cuando baje la imagen permanesca estatica.
Les dejo una imagen explicativa:



en la imagen de arriba lo que muestra el circulo azul es lo que quiero que quede estatico, el circulo negro muesta la barra de desplazamiento, quiero que al mover no se mueva la imagen pero si el foro, y al "achicar la pantalla, la imagen se esconda detras del foro.

el codigo en Css de la imagen es ahora:

Código: Seleccionar todo

.imagen_izquierada{
	background: url('./images/Costado.png') repeat-y;
	z-index: -1;
	padding: 0px;
	/*margin-left: 10px;*/
	width: 235px;
	vertical-align: top;
	top: 0;
	left: 0;
}

.imagen_derecha{
	background: url('./images/Costado.png') repeat-y;
	padding: 0px;
	/*margin-right: 10px;*/
	width: 235px;
	vertical-align: top;	
	top: 0;
	right: 0;
	overflow: visible;
}

yo pienso en algo asi como.

Código: Seleccionar todo

.imagen_izquierada{
	background: url('./images/Costado.png') fixed;
        position: fixed;
	padding: 0px;
	/*margin-left: 10px;*/
	width: 235px;
	vertical-align: top;
	top: 0;
	left: 0;
}

.imagen_derecha{
	background: url('./images/Costado.png') fixed;
        position: fixed;
	padding: 0px;
	/*margin-right: 10px;*/
	width: 235px;
	vertical-align: top;	
	top: 0;
	right: 0;
	overflow: visible;
}

La imagen esta en el codigo html como.

Código: Seleccionar todo

<td class="imagen_izquierada" width="235px" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="235px" height="678px" /></td>

y

Código: Seleccionar todo

<td class="imagen_derecha" width="235px" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="235px" height="678px" /></td>

Me gustaria de ser posible que la solucion sea compatible con explorer, chrome y firefox.

Espero haber sido claro, haber posteado en el lugar correcto y recibir la ayuda de alguno de ustedes.
En el titulo cambiare a solucionado si se soluciono, y si encuentro la solucion la posteare aqui