Problema de fondo con Degradado

[alejandromaringomez]

Hola ,
Estoy desarrollando una web que contiene un fondo de 790px de ancho , el fondo es una imagen de 1px de alto y ancho , y con css le he añadido box-shadox lateral , y me gustaría que el fondo me quedase fijo , me sale así:

El div se llama pagina en styles.css

Código:

.pagina {
	margin: 0 auto;
	background: url(../images/bg/pagina.png) top left repeat;
	-webkit-box-shadow: 0 0 12px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 0 0 12px rgba(50, 50, 50, 0.7);
	box-shadow: 0 0 12px rgba(50, 50, 50, 0.7);
	width: 790px;
	height: 100%;
}

Y quisiera que se repitiese , lo hago en css porque en el photoshop no sé hacerlo.
¿Alguien me ayuda para hacerlo en CSS?

[pzin]

Iniciado por alejandromaringomez

el fondo es una imagen de 1px de alto y ancho

No entiendo. ¿Qué sentido tiene poner un fondo de 1x1 en vez de usar un color? Porque en un pixel sólo cabe un color.

[alejandromaringomez]

Porque tiene opacity y si pongo opacity se me transparenta la web entera..

[pzin]

¿Y por qué no usas rgba() como ya haces con la sombra?

[alejandromaringomez]

Lo acaba de probar y me sigue dando el mismo fallo , lo que quiero es que se repita el fondo con el degradado al lateral , tengo height 100% , pero cuando paso con la barra para abajo me sale el fin del cuadrado conforme la imagen de arriba.

[Luismaster2000]

intenta agregándole esta propiedad a tu fondo

background-attachment: fixed;