background εικόνα στο 100%

Πολλές φορές θέλουμε στην σελίδα μας να τοποθετήσουμε στο παρασκήνιο μία εικόνα (background) αλλά να πιάνει το 100% του ύψους και του πλάτους, ανεξάρτητα από την ανάλυση του χρήστη. Να κάνει δηλαδή stretch η εικόνα.
Αντιμετώπισα πρόσφατα ένα τέτοιο θέμα και το έλυσα ως εξής:
Φτιάχνουμε ένα div πριν το page-wrap. Μέσα σε αυτό θα συμπεριλάβουμε την εικόνα μας.

Κώδικας:

<div id="bg-wrap"><img src="path/eikona.jpg" /></div>


και γράφουμε στο css:

Κώδικας:

#bg-wrap{
   position:fixed;
   top:0px;
   margin:0 auto;
   height:100%;
   width:100%;
   z-index:-2;
}
#bg-wrap img{
   height:100%;
   width:100%;
}