Posicionamiento equivocado.

[ldp]

Estoy intentando hacer un fondo con css, tiene la estructura de una tabla, pero no es una tabla. Primero hice el fondo en photoshop, después lo dividí con imagesready y lo dividí en 2 archivos, el html y el css.

El problema es que no se comporta como una tabla, si el texto no cabe en el centro se sale por debajo. Quiero que se el texto no cabe la "tabla" se agrande, como suele hacer una tabla, repitiéndose el fondo y volviéndose a acomodar los elementos sin crear deformaciones.

--------------------------------
| | | |
--------------------------------
| | | |
| | texto | |
| | | |
--------------------------------
| | | |
--------------------------------

Las piezas del fondo están puestas así:

Código:

#index-01 {
	position:absolute;
	background-image: url(images/index_01.gif);
	left:0px;
	top:0px;
	width:56px;
	height:150px;
}

Imagino que el problema es la etiqueta absolute, pero no tengo conocimientos para hacer lo que quiero. O es que no se puede y tendría que hacer una tabla?

[dario-g]

Bueno como el esquema es estatico, al definir la propiedad "height:150px;"
le das ese tamaño, iexplorer hace lo que creo que quieres aumentar el tamaño del div automaticamente, pera para los demas navegadores podrias intentar, omitir la propiedad "height:" que es dejarla en auto, y asi aumentaria de tamaño de acuerdo al texto.... espero haya entendido tu pregunta...