No se me ve el fondo de los divs

Estoy creando mi pagina, y puse un monton de div uno sobre otro para crear un borde en escala de colores, me quedo exacto como yo queria, pero solo en el internet explorer. En Firefox, Chrome y Safari no se me ve el background de los div y ademas me aparece descentrado.

Esta imagen es como se me ve en IE y como quiero que se me vea en todos...


En chrome y firefox me aparece los div alineados a la izquierda, con mayor separacion entrelineas y no se me ve el verde ni los grises del fondo de los div. Esto porque sera??

que le debo configurar o cambiar para que se me vea parejo ?

No entiendo porque quieres colocar un montón de divs con un montón de backgrounds siendo que se puede hacer con el "padding" de un div y los degradados en css.

Aqui tienes un ejemplo:

http://mundogeek.net/archivos/2011/04/04/degradados-con-css/

Un saludo.

La idea es hacer lineas rectas, al igual que el logo de la empresa esta compuesto por lineas de colores similares, trato de trasladar el mismo efecto para enmarcr la pagina... si usara un degradado no quedaria bien...

y si te haces el dibujo y lo insertas en un solo div como imagen fondo?
no crees que sea más sencillo de manejar?

leonarpex, me parece que tu solución sería casi como matar moscas a cañonazos.

Haz como te dice Yaneth. Crea esos bordes del div con cualquier programa de diseño (photoshop por ejemplo) y los colocas en la capa como imagenes de fondo.

Como no puedes usar dos imagenes de fondo, lo ideal sería que crearas un div contenedor y dos div con las imagenes de fondo. Ya, sobre esta base, juegas con los contenidos en otros div.

Un saludo.