Thema: photoslide gk2 - Bild nicht mittig beim ie7

Hallo zusammen,

ich habe bei mir die Komponente Photoslide gk2 installiert und das news III Modul zur Anzeige.

Komischerweise wird im IE7 das Hauptbild nicht mittig dargestellt. Ich bin jetzt schon seit mehreren Stunden auf Fehlersuche auch in den css Syles, aber ich finde den Grund nicht. IE8 und FF3.5 stellen alles richtig da.

Wenn ich in der style.css für das modul folgende Sache ändere

Code:

.gk_news_image_3_slide{
	position: absolute;
}

so das es nicht mehr absolute ist, ist es mittig aber die folien werden dann untereinander gezeigt.

die komplette style.css sieht so aus (hab nichts geändert):

Code:

div.gk_news_image_3_wrapper
{
	position: relative;
}


div.gk_news_image_main {
	padding: 0!important;
	position: relative;
	clear: both;
}

div.gk_news_image_3_text_datas {
	display: none;
}

div.gk_news_image_3_preloader{
	position: absolute;
	z-index: 1001;
	top: 0px;
	left: 0px;
	background: #000 url('load.gif') no-repeat center center;
}

.gk_news_image_3_slide{
	position: absolute;
}

.gk_news_image_3_text_bg{
	position: absolute;
	width: 100%;
}

div.gk_news_image_3_text {
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
}

.gk_news_image_3_tabsbar {
	overflow: hidden;
}

img.gk_news_image_3_tab,
img.gk_news_image_3_tab_active {
	display: block;
	float: left;
	border-style: solid;
	border-color: #ccc;
}

img.gk_news_image_3_tab_active {
	border-style: solid;
	border-color: #91b815;
}

div.gk_news_image_3_json {
	padding: 0!important;
}

div.gk_news_image_3_wrapper h2 {
	margin: 0 0 5px;
}

div.gk_news_image_3_wrapper h2 a {
	font: normal 16px Tahoma, Arial, Helvetica, sans-serif!important;
	text-decoration: none;
}

.tool-tip {
	background: #0F1418;
	z-index: 1001;
	padding: 1px 3px;
	height: 18px;
	width: 120px;
	line-height: 18px;
	color: #fff;
}

.tool-text {
	font-size: 10px;
	background: #0F1418;
}

Aber auch das Modul: Ajax Header Rotator Joomla 1.5 Native Edition
macht im IE7 Probleme und die Bilder werden versetzt angezeigt.

Danke schon mal.

EDIT: Habe die Lösung selber gefunden: in der css habe ich folgendes Attribut hinzugefügt:

Code:

left: 0px;

und zwar bei:

Code:

div.gk_news_image_3_text_datas {
	display: none;
	left: 0px;
}

.gk_news_image_3_slide{
	position: absolute;
	left: 0px;
}

.gk_news_image_3_text_bg{
	position: absolute;
	width: 100%;
	left: 0px;
}

div.gk_news_image_3_text {
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	left: 0px;
}

Stutzig machte mich, dass der Preloader richtig dargestellt wurde, dieser besitzt das left: 0px; Attribut