Problème Background, image trop grande

Coucou!
Alors voilà mon problème:
Je suis en ce moment en train de me faire un site. Jusque là, tout va bien. Et j'aimerai que la page d'accueil soit une image que j'ai dessiné. Seulement, lorsque j'essaie de mettre l'image en page d'accueil, elle est à chaque fois trop grande, on ne voit que la partie supérieure gauche.
Pour vous donner une idée, voilà l'image à pour dimensions 2560x1920, et lorsqu'elle s'affiche, elle ne prends pas toute la page, il y a des bords blanc qui ne veulent pas partir...
Voici les codes css que j'ai essayé:
n°1:

img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}

n°2: j'ai essayer avec le code de ce tuto

n°3:

body			{width: 100%;
				height: 100%;
				margin: 0px;
				padding: 0px;
}

#background		{background-image: url("images/bg.jpg");
				width: 100%;
				height: 100%;
				background-position: top center;
				z-index: 1;
				position: relative;
}

n°4:

html
{
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: contain;
}

Voilà voilà...j'espère avoir été claire dans ma tartine

Belle journée!

Bonjour,

Ta technique numéro 1 est la bonne seulement il te manque encore quelque trucs :
- mettre une largeur a ton image : width : 100%;
- mettre ton image a z-index : 0;
- mettre ton contenu global a z-index:1;

Et fini !!!

ah ok!... Euh au risque de passer pour la cruche de service, comment faire pour mettre le contenu global à z-index:1 ?

En tout cas merci de prendre le temps de me répondre

En gros sous ton body, tu devrais avoir un div qui englobe tout le reste , voilaaaa

En gros sous ton body, tu devrais avoir un div qui englobe tout le reste , voilaaaa