truc ki nous plai ki bouge

Code:: <style>
/* NEWS & CHOSES SE PASSANT */
.twocols {
float: left;
width: 281px; height: 81px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
}

.twocols:nth-child(even) {
margin-right: 0px;
}

.news img { width: 100%; height: auto;}

.choses img {
position: absolute;
top: 0; left: 0;
width: 100%; height: 105px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
z-index: 1;
}

.choses:hover img {
/* Pour faire disparaitre l'image au survol */
position: absolute;
width: 100%; height: 0px;
top: 52.5px; left: 0;
}

.choses p {
/* Positionnement du texte sous l'image + scroll */
position: absolute; top: 0; left: 0;
padding: 10px;
width: 285px; height: 85px;
overflow-y: auto;
z-index: 0;
}

</style>
<div class="twocols choses">
   <img src="http://i38.servimg.com/u/f38/19/07/10/81/imgcho10.png" alt="Image Choses se passant" />
<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, quasi placeat quo laborum odio deleniti expedita explicabo ipsa dignissimos nihil aspernatur alias velit ipsum amet consequuntur fuga atque. Quis, sed.<br /><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia, quod, eaque asperiores ratione non minus labore debitis deserunt laborum at perspiciatis eveniet obcaecati laboriosam minima perferendis dignissimos commodi incidunt accusamus!
</p>

</div>