CSS-Transition macht mehr, als sie soll!

Hallo Leute!

Es geht um die Webseite

http://www.injuvik.de/

Ich habe auf die Artikelbilder via CSS eine Transition gelegt, um die Opacity beim Hovern zu verringern. Unglücklicherweise wird die Transition auch auf die Bildgröße angewendet, was beim Neu laden des Loops zu einem unschönen Effekt führt. Zumindest gilt das für Chrome. Vermutlich liegt das an der relativen Breite der Artikelbilder (width: 100%).

Hat jemand von euch eine Lösung für das Problem?

Danke schonmal!

Tim

Info: Die Artikelbilder haben bei mir die Klasse "articlethumb"

.articlethumb img {opacity: 1;
transition: all 2s; /* explorer 10 */
-webkit-transition: all 2s; /* chrome & safari */
-moz-transition: all 2s; /* firefox */
-o-transition: all 2s; /* opera */}




.articlethumb img:hover {opacity: 0.5;
transition: all 2s; /* explorer 10 */
    -webkit-transition: all 2s; /* chrome & safari */
    -moz-transition: all 2s; /* firefox */
    -o-transition: all 2s; /* opera */}

Das hat hervorragend geklappt, danke!!!!