effeto ombreggiatura bordi div content

[D4rkAng3l]

Ciao,
qualcuno potrebbe darmi qualche informazione su come reaizzare l'effetto ombreggiatura dei lati sinistro e destro del div content. Per spiegarmi meglio qualcosa come quì su html.it dove nella pagina che state visualizzando ora i bordi sono ombreggiati e poi inizia lo sfondo grigio, si fà tramite CSS...come?

Grazie
Andrea

[salasir]

Devi mettere le due immagini dell'obreggiatura destra e sinistra in background al blocco centrale sulla destra e al blocco più esterno a sinistra:

CSS
#wrapper-content {
	background: transparent url('Image-left.png') no-repeat left top;
}

#content {  
	background: transparent url('Image-right.png') no-repeat right top;
}

(X)HTML
<div id="wrapper-content">
<div id="content">

<h1>Titolo</h1>
....
</div>>

</div>

Poi dipende se l'immagine deve essere ripetuta o meno indicare no-repeat o repeat-y.

PS Oppure c'è un'unica immagine a larghezza fissa con le due ombreggiature come sfondo del body