Ciao a tutti, ho questo problema che credo sia banale ma non riesco a risolvere.
Ho questo codice html:
codice:
<body>
   <header id="header">
       ......
   </header>
.....
</body>
per cui ho creato questa proprietà css:

codice:
#header {
    background:url(../images/sf_head2.jpg) center center no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
}
Quando visualizzo il sito su pc desktop tutto è perfetto, quando invece lo visualizzo su dispositivi mobili quali smartphone o tablet, l'immagine di sfondo del di #header viene "limitata" ala grandezza dello schermo del device sul quale viene vista, lasciandomi parte della pagina senza nessuna immagine.

Come posso risolvere questo problema?
Grazie mille a tutti