x-images d'arrière-plan qui ne se développent pas complètement

Question

J'ai passé des heures à essayer différentes choses pour comprendre comment obtenir deux images d'arrière-plan dans css pour étendre la largeur de la page.

Le site est ici: http://res-intel.com

Je sais que d'avoir une largeur définie dans #main ne le laissera pas se développer. Cependant, je ne peux pas penser à une solution. Je pense que le corps devrait fonctionner !!! Que puis-je faire?

Merci beaucoup!

Le code CSS est pertinent:

body { 
background-image:url('http://res-intel.com/images/headerbg.jpg') repeat-x top right; 
margin:auto; 
padding:0; 
text-align: center; 
font-family:arial; 
} 

#main { 
background: url('http://res-intel.com/images/contentbg.jpg'); 
background-repeat:repeat-x; 
width:904px; 
text-align:left; 
} 

Answer 1

Vous avez erreur de syntaxe. Vous ne pouvez pas ajouter les propriétés repeat-x et position pour background-image. Vous devez utiliser comme arrière-plan au lieu de l'image de fond. Mettez à jour votre CSS comme ci-dessous.

body { 
    background:url('http://res-intel.com/images/headerbg.jpg') repeat-x top right; 
    margin:auto; 
    padding:0; 
    text-align: center; 
    font-family:arial; 
}