Me parece que no hiciste lo que dije
La idea es esta: Primero tenes un DIV llamado "contenedor" que va a contener las dos columnas. Como este contenedor quedaría debajo de las dos columnas, le aplicas la primer imagen de fondo. Este imagen mide 600px de ancho por 1px de ancho. Los primeros 400px horizontales están pintados de blanco. Los 200px restantes de celeste. Al aplicarle este fondo repetido verticalmente al contenedor, se crea el efecto de dos columnas. Este contenedor debería extenderse verticalmente según la altura de los DIVS no flotados que contiene. Como el DIV izquierda está flotando y para colmo es el más largo, el DIV "contenedor" no se extiende hasta el final y el efecto de dos columnas termina antes. Solución: Agregar un DIV con un clear:both. Este DIV lo que hace es prohibir tener DIVs flotantes a sus costados. Y como además éste no está flotando, "contenedor" tiene que extenderse hasta abarcarlo (abarcando así "de casualidad" al DIV izquierdo flotante).
Sobre el efecto de degrade, es sencillo: Como los DIV izquierdo y derecho están puesto arriba del contenedor, los fondos de esos dos taparían al de "contenedor". Le pones al DIV derecho el degrade como fondo situado en el extremo superior y que no se repita. Entonces el DIV derecho tiene un fondo sólo en la parte de arriba pero todo el resto es transparente (dejando que se vea la parte celeste del fondo del contenedor).
Acá te dejo un ejemplo bien pelado de lo que dije arriba.
http://c.1asphost.com/quinientosonce...ade/index.html