Fixed height caused flicker

In Chrome on a TYPO3 website (with jQuery using noConflict()) the thumbnails flicker when I hover over them.

Also improve on responsivness.

Fix #1

res/css/jd.gallery.css

@@ -1,5 +1,6 @@
 .tx-rgsmoothgallery-pi1 {
-    background:#000 url(img/loading-bar-black.gif) center center no-repeat;
+	background:#000 url(img/loading-bar-black.gif) center center no-repeat;
+	width:100% !important;
 }
 #myGallery, #myGallerySet, #flickrGallery
 {
@@ -14,6 +15,10 @@
 	outline:0;
 }
 
+.jdGallery .slideElement {
+	background-size: contain;
+}
+
 #flickrGallery
 {
 	width: 500px;
@@ -29,6 +34,7 @@
 {
 	overflow: hidden;
 	position: relative;
+	width:100% !important;
 }
 
 .jdGallery img
@@ -148,7 +154,6 @@
 {
 	position: absolute;
 	width: 100%;
-	height: 78px;
 	top: 10px;
 	left: 0;
 	overflow: hidden;
@@ -371,4 +376,4 @@
 	font-size: 12px;
 	font-weight: normal;
 	color: #aaa;
-}
+}