el display table lo uso por que con eso hago que las columnas te den la impresión de que van creciendo parejas, en realidad lo puse ahí por que se me fue no lo necesitas, al menos no en el ejemplo que te dí.
lo que pasa es que para hacer una repetición de un fondo, por decir, tu contenido mide 800px de ancho pero nunca sabes cuanto puede llegar a medir de alto, entonces se colocan los fondos de manera que el fondo se repita sin importar cuanto pueda llegar a tener de largo el contenido y antes yo utilizaba tablas para poder hacer una repetición y con el display table en el div que va a tener el contenido no necesito tablas.
te lo explicaré con un ejemplo:
corta una imagen como esta de 800px de ancho y solo 1px de alto como si estuvieras simulando 3 columnas izquierda - contenido - derecha
y luego coloca este código:
Código:
#contenedor{ width:800px; height:auto; display:table;background:url(imagenes/prueba.jpg) repeat-y}
#col_izq{ width:200px; height:auto; float:left;}
#col_der{ width:200px; height:auto; float:right;}
Código HTML:
<div id="contenedor">
<div id="col_izq">
sdfasf asdf asdf asdf
s sasdfsdf sdf asdf asdf asdf </div>
<div id="col_der">
sdf asfas dfasf asfasf sadfasdfs adfa sdfasdf adf
</div>
</div>
pruebalo con y sin display table y verás el resultado
Bye