Tamaño de tabla dynamic html

Estoy creando un sitio web que debe caber en toda la pantalla, independientemente del tamaño de la pantalla. Estoy usando una tabla para usar esto en este momento pero me encontré con un problema.

La página web está dividida en 3 columnas: la columna izquierda permanece a la izquierda de la pantalla y tiene un tamaño fijo con un fondo. la columna de la derecha permanece a la derecha de la pantalla y tiene un tamaño fijo con un fondo. la columna del medio debe estirarse entre las celdas vecinas y debe tener un fondo que se extienda con ella (solo en sentido horizontal)

De esta forma, la página web siempre debe verse como estaba hecha para la pantalla que está usando para ver el sitio.

Sin embargo, mi problema es la celda central, la imagen no se repite, de alguna manera el código CSS: background-repeat:x-repeat; no hace que la imagen se alargue, también cuando pongo el ancho de la celda al 100% interfiere con las celdas vecinas, lo que lo hace parecer un desastre.

¿Cómo puedo conseguir esto?

EDITAR

Aquí está el marcado que estoy usando:

CSS:

 #topleftcell { background-image:url(../images/Logo.png); background-repeat:no-repeat; width:300px; } #topmiddlecell { background-image:url(../images/header_fill.png); background-repeat:repeat-x; width:auto; } #toprightcell { background-image:url(../images/header_right.gif); background-repeat:no-repeat; width:16px; } 

HTML:

  

ancho fijo en la celda izquierda y derecha. Ancho automático en la celda central. probablemente necesite una imagen de relleno en la celda central.