28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un problème qui me donne du fil à retordre depuis plusieurs jours.

En effet, je dois intégrer un slider responsive avec une image découpée en parallélogramme.
Du coup, j'utilise une slider responsive avec une image superposée positionnée en absolute.

Le tout est dans un framework knacss.
Sur CHROME et IE, pas de soucis, sur Firefox, à chaque changement de slide, l'image positionnée en absolute par dessus le slider bouge de 1 ou 2 pixels.

HTML :
 
<div class="line" >

 <div class="posrelative">
 
     <ul class="rslides" id="slider1">
        <li> <img src="images/01.jpg" alt=""> </li>
        <li><img src="images/02.jpg" alt=""> </li>
 </ul>
	
 <img src="images/cache.png" class="posabsolute">

</div>
	
 </div>


CSS :

.posabsolute
{
position:absolute;
top:0px;
left:0px;
z-index:5000;
}
.posrelative
{
position:relative;
}


Avez vous déjà expérimenté ce poblème ?
Y'a t il une autre solution plus simple sinon ?

DEMO sur : http://spiritrevolution.fr/test/

Merci