Oggi mentre parlavo con una persona su Skype, mi ha chiesto come poter inserire una immagine a schermo intero ma che fosse sempre visibile in tutte le sue parti e senza nessun margine bianco ai lati, sopra o sotto.

Per questo vi consiglio di usare questa tecnica sempre con i CSS per poter avere una immagine in background in full screen, ovvero a tutto schermo.

Per prima cosa dovete inserire un div subito dopo il tag body della vostra pagina

<div id="tuodiv"></div>

e poi inserire come qui da esempio il codice CSS necessario

#tuodiv {
width: 100%; height: 100%; top: 0; left: 0;
background: url(images/bg.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Ecco fatto! Avete risolto il vostro problema e credo che questa sia una delle soluzioni migliori, ma come sempre se avete suggerimenti sarò lieto di accettarli e condividerli!