Problème affichage texte/backgroung

Bonjour,
Je suis en train de créer un site internet, mais j'ai un soucis et je pense que vous pourriez m'aider. Alors voilà, lorsque la page est en plein écran comme ceci : http://hpics.li/3706275
Mais lorsque je réduis la taille de la fenêtre comme ceci : http://hpics.li/d41de84
Le texte n'est plus aligner et se superposent les uns sur les autres, le background s'est adapter à la taille de la fenêtre ( je ne voudrais pas ça ).
Voici mon code CSS:
html {
margin:0;
padding:0;
background:url("pictures/font.jpg") no-repeat top center;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}

Merci d'avance !