Ciao!
ho un problemino con i css..devo inserire un'immagine nel div id="content" di una pagina, cioè quello principale. Il fatto è che ho bisogno che sia distanziato dai bordi del div, e, soprattutto, che io possa stamparci sopra della stringhe con php, in pratica come se non ci fosse.
Penso che la soluzione sia mettere quest'immagine come background, però dato che ci sono altre pagine del sito che utilizzano quel file css ho creato una classe, così:

#content .campo {
background-image: url(image/campo_calcio_large3.jpg);
background-attachment: scroll;
background-position: 150px;
}

eppoi, nella pagina interessata ho messo:

...<div id="content" class="campo">...

Però non succede niente, nessuna immagine visualizzata, perchè? :master:

Vi posto anche il resto del file css che uso per il layout:

* {
margin:0;
border:0;
padding:0;
}

body {
font: normal normal normal 90%/150% georgia, verdana, serif;
margin: 23px; /*si distanzia dal body di 23px*/
text-align: center; /* per IE5x */
/* background-color: #c0c0c0; */
background: url(image/linea.png) repeat;
color: #000000;
}
/** questo div fa da contenitore alla pagina **/
#container {
/* background-color: #fafad2; */
background: url(image/erba1.png) repeat;
color: #05052d;
border: 1px solid gray;
}

#header {
padding: 1.5em;
background: url(image/erba1.png) repeat;
/* background-color: #cc9900; */
}

#navigation {
float: left; /* faccio flottare il div a sinistra */
width: 18%; /* larghezza del div */
background-color: #fafad2;
color: #05052d;
border-right: 1px solid gray;
}
#extra {
float: right; /* faccio flottare il div a destra */
width: 18%; /* larghezza del div */
background-color: #fafad2;
color: #05052d;
border-left: 1px solid gray;
}

#content {
margin-right: 18%; /* margine pari alla larghezza del div#destro */
margin-left: 18%; /* margine pari alla larghezza del div#sinistro */
padding: 10px;
color: #0a0a0a;
background-color: #F0F8FF;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

#content p{
text-align: left; /* ripristino l'allineamento a sinistra */
padding: 10px;
font-size: 100%;
letter-spacing: 2px;
}

#footer {
clear: both; /*importante al fine di far cessare il float degli elementi superiori*/
padding: 0.5em;
background: url(image/linea.png) repeat;
/* background-color: #cc9900; */
color: #000;
border-top: 1px solid gray;
}
#footer p{
padding: 5px
}