Décalage produit (vignette) lors du hover

Bonjour Ader,

C'est une belle erreur de flux que tu nous as construit là

Au survole d'un élément, tu appliques un positionnement absolue à celui-ci. Il n'existe donc plus dans le décompte de la liste d'élément et tout ce décale.

.products-grid li.item:hover {
    -moz-box-shadow: 0px 0px 3px 0px #656565;
    -webkit-box-shadow: 0px 0px 5px 0px #B1AEAE;
    -o-box-shadow: 0px 0px 5px 0px #656565;
    box-shadow: 0px 0px 3px 0px #BCB8B8;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
    height: 438px;
    position: absolute;
    display: inline-block;
    z-index: 99;
}

Les éléments de ta liste doivent être stable en positionnement et en dimension. C'est un conteneur, définissant la structure de ta présentation.

C'est le contenu qui doit varier au survole.