Como estender uma imagem transparente para que cubra todo o fundo sem repetir

Hola a todos, tengo el siguiente caso (necesito ayuda):

Tengo una imagen estampada de fondo que se repite de derecha a izquierda, encima tengo una imagen negra con transparanecias que hace un efecto muy chido, sin embargo esta última -la de las transparencias- también se repite y se ven "los bordes" de donde termina y empieza de nuevo y no me gusta como se ve, en el caso de la imagen estampada no se ven los bordes porque es de fondo blanco así que se despista...

Quisiera:

1.- Extender la imagen transparente al tamaño de todo el background, que no se repita ...ó....
2.- Que no se vean los bordes de donde termina y comienza, termina y comienza-...

Les dejo la codificación que estoy usando y una foto de lo que he expuesto

Desde ya, muchas gracias a todos

Has tratado de quitarle ese espacio a la imagen?

¿a la imagen? ¿...al documento png? -Psss no tiene bordes, no se le ven bordes :fatigue:

Prueba añadiendo estas dos líneas al estilo del body:

Edit fiddle - JSFiddle

La primera línea hace que el primer fondo (el degradado) cubra toda la página y que el segundo fondo (el de los dragones) permanezca normal.
La segunda línea hace que el primer fondo se mantenga fijo cuando se hace scroll mientras que el segundo fondo funcione con normalidad.

Espero que sea el efecto que buscabas. Un saludo.

Para mí la forma más facil de solucionar eso, es quitarle el espacio en blanco que tiene la imagen, es decir, recortar la imagen y volver a subirla al servidor

Aquí tienes el fondo arreglado para que no se vean esos bordes claros: https://mega.co.nz/#!48lEDDbY!z8F7srL_1VdACaCn4Rh5jj8_zV3QESINHpIMhapZzPQ

🙄 YEAH! Ha funcionado, gracias !