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?