CSS problème avec background-attachment:fixed;

J'ai un site Joomla que j'ai créé un thème personnalisé. Le site est http://esn.teipir.gr/.

J'ai deux images de droite et de gauche que je veux qu'ils aient image de fond fixe.

J'utilise le CSS suivant les règles de

div.backgroundboxleft {
    background-attachment: fixed;
    background-image: url("/images/back_1.png");
    float: left;
    height: 822px;
    top: 40px;
    width: 457px;
}

et

div.backgroundboxright {
    background-attachment: fixed;
    background-image: url("/images/back_2.png");
    float: right;
    height: 822px;
    top: 40px;
    width: 457px;
}

Si je supprimer le background-attachment tout est OK avec les images, mais quand j'ajoute avec firebug le code suivant tout ce mess up.Pouvez-vous m'aider à faire les pages restent fixes sans la couleur d'arrière-plan en haut de l'image?

Grâce

Je bifurquais votre code (jsfiddle.net/f8HxS) et joué avec lui, mais ne semble pas possible de trouver des problèmes avec FF. Avez-vous testé d'autres navigateurs, ou uniquement de FF en vous donnant ce problème?
Voyez ce que je veux dire ici, i56.tinypic.com/16m7yhd.jpg et i53.tinypic.com/dwoolk.jpg
Vérifiez votre arrière-plan à une résolution inférieure. Sur mon écran (1366 x 768), quand j'ai de défilement sur le côté, il semble que back_1.png comprend également back_2.png, et que back_2.png est simplement placée au-dessus d'elle. Check it out. jsfiddle.net/f8HxS/1/embedded/result
Une petite chose que je voudrais ajouter: lors du codage CSS pour les classes, un . avant le nom de la classe ne pourra le faire. Par exemple, div.backgroundboxright peut être raccourcie à .backgroundboxright.

OriginalL'auteur Alexander Talavari | 2011-08-28