Salve a tutti,
avrei un problema con in mio CSS... vorrei inserire un'immagine di sfondo tipo il sito della Feltrinelli http://www.lafeltrinelli.it/fcom/it/home.html che appare ai lati (img rossa sfumata) con un body centrato.

Ho provato con background-image: url(img/sfondo2.jpg); applicato al body ma non appare niente.

Vi sarei molto grata se potete darmi una mano, è importante!!!
Grazie in anticipo a chi risponderà

Riporto tutto il CSS:

hr,.pgNav{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}


/* i collegamenti */
a img{
border:none;
}
a:link{
background:transparent;
color:#03C;
}
a:visited{
background:transparent;
color:#800080;
}
a:hover,a:focus,a:active{
background:transparent;
color:#03C;
}
/* l'intestazione: i collegamenti */
#testa a:link,#testa a:visited{
text-decoration:none;
}
#testa a:hover,#testa a:focus,#testa a:active{
text-decoration:underline;
}
/* l'intestazione: il logo */
h1{
position:relative;
top:21px;
left:10px;
margin:0;
padding: 0.5em;
}
.testa{
margin:0;
padding:0 25%;
}
#slogan{
position:absolute;

position:absolute;
left:220px;
top:21px;


margin:10px;
padding:0.1em;
font: serif;
color:green;
font-style:italic;

}


/* l'intestazione: il menu di navigazione, prima parte */
.menuNavigazione{
margin:0;
padding:0.5em 0;
color:green;
text-align:center;
font-weight:bold;
font:15px; Arial,Helvetica,sans-serif;
}
.menuNavigazione li{
display:inline;
margin:0 0.5em;
height:0;

}
.menuNavigazione a:link,
.menuNavigazione a:visited{
background:#FFF;
color:#000;
}
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{

color:green;
}

#nav ul a.attiva:link,
#nav ul a.attiva:visited,
#nav ul a.attiva:hover,
#nav ul a.attiva:focus,
#nav ul a.attiva:active{
background-color:#CCC;
color:#000;
}
/* l'intestazione: il collegamento all'homepage */
#goHome{
position:absolute;
top:10px;
left:650px;
width:100px;
text-align:right;
}
#goHome a:link,
#goHome a:visited{
background:#FFF;
color:#666;
text-decoration:none;
}
#goHome a:hover,
#goHome a:focus,
#goHome a:active{
background:#FFF;
color:#666;
text-decoration:underline;
}

/* il corpo centrale */
#corpo{
margin:0 0 0 38px;
width:712px;
}
/* il corpo centrale: le tre aree principali */
#principale{
float:left;
width:548px;
margin-bottom:3.6em;
}
#prodotti{
float:right;
width:164px;
}
#siae{
clear:left;
margin:0;
background:#FFF;
color:#666;
}
/* il corpo centrale: il prodotto in particolare evidenza */
#focus{
clear:left;
font-size:110%;
width:534px;
padding-bottom:10px;
border-bottom:1px solid #999;
margin-bottom:10px;
}
#focus h2{
font-size:100%;
margin:0;
}
#focus p{
margin:0;
}
#focus h2 img{
margin-bottom:10px;
display:block;
}
#focus h2 br{
display:none;
}
/* il corpo centrale: le ultime notizie */
#notizie{
float:left;
width:126px;
}
#notizie h2{
margin:0;
font-size:110%;
}
#notizie ul{
margin:10px 0 40px 0;
padding:0;
list-style:none;
}
#notizie ul li{
margin-bottom:14px;
background:url(i/dot.gif) 0 0 no-repeat;
text-indent:7px;
}
/* il corpo centrale: prodotti o servizi che si vuole promuovere */
.spot{
float:left;
margin-left:10px;
width:126px;
}
.spot h2{
margin:0;
font-size:110%;
height:2.4em;
display:table-cell;
}
* html .spot h2{
display:block;
}
.spot a img{
margin-top:10px;
display:block;
}
.spot p{
margin:3px 0;
}
/* prodotti: i bordi */
.prodotto{
background:#FFF url(i/prod_bord_bot.gif) left bottom no-repeat;
color:#666;
}
.prodotto h2{
background:transparent url(i/prod_bord_top.gif) left top no-repeat;
color:#666;
}
/* prodotti */
.prodotto h2{
margin:0;
padding:5px 6px 3px 6px;
border-bottom:1px solid #CCC;
font-size:110%;
}
/* prodotti */
.prodotto img{
float:left;
margin:5px 5px 5px 6px;
}
.prodotto p{
margin:5px 6px 5px 73px;
}

.prodotto{
margin-bottom:10px;
padding-bottom:5px;
float: left;width:100%;
}


body{margin:0;
padding:0 25%;
background-image: url(img/sfondo2.jpg);

font:11px; Arial,Helvetica,sans-serif;}
div body {background-image: url(img/sfondo2.jpg); }