WP 2.7: Darstellung IE/Mozilla

[dummy]

Hallo, ich habe einen kleinen Widget oben unter der Navigation gebastelt. Im Firefox sieht alles so weit ganz gut aus, aber im Internet Explorer7 (Bei anderen weiß ich es nicht) werden die Thumbnails irgendwie nicht da angezeigt wo sie sein sollen (Sie Hängen einfach unter dem Widget). Ich kenne mich mit css leider nicht so gut aus, hab das meiste eigentlich wysiwyg weise im Firefox aufgebaut. Könnte vielleicht jemand nen Blick in die CSS Datei werfen? Ich habe bei der Wahl der Positionen wirklich alles durchprobiert, static relative, absolute ... Nichts hilft, eigentlich wirds nur schlimmer.

Die Webseite: Anime - Subs & Snaps (Der Widget mit den 7 Feldern und einem Thumbnail fenster ist gemeint)

Link zur CSS des widgets http://animesubs.ath.cx/wp-content/t.../featlist2.css

Ich glaube das Problem ist an dieser Stelle zu finden.

.fimg_border {
	clear:both;	
	position:absolute;	
	left:0px; 	
	width:120px; 
	height:150px; 	
	border:1px solid #393F42;
	background: url(images/no_pic.jpg) no-repeat center top;
}




.fblock img {
	float:left;
	padding:0 0;
}


.fblock .fimg_first img {
	position:absolute;
 	left:0px; top:0px; 
	width:120px;
 	height:150px;
}

.fblock .fimg_other img {
	position:absolute;
 	left:0px; top:0px; 
	width:0px;
 	height:0px;
}

.fblock:hover .fimg_other img {
	position:absolute;
	width:120px;
 	height:150px;
}

Entschuldigt wenn es zu Chaotisch aussieht, wie gesagt, ich kenne mich mit css nicht so richtig aus.

[dummy]

Das ist glaube ich so ein Typisches IE Problem.
Es sollen eigentlich nur alle Bilder der Einträge an der selben Koordinate dargestellt werden. Und der Code für die Bilder liegt bei mir im Div container der blöderweise zusammen mit dem restlichen Inhalt, wie Titel,.. dargestellt wird. Und der restliche Inhalt wird ja gelistet und deswegen in seiner Position auf der Y-Achse verändert. Damit würde sich auch die Postion der Bilder in y Richtung mit ändern. Um das zu lösen habe ich position:absolute benutzt, nur der IE kommt damit nicht klar.

Braucht ihr noch den PHP Ausschnitt dazu? Poste ich gerne rein, wenn mir damit geholfen werden kann ^^.

Ich schafe das wirklich nicht alleine

[kaiser]

Kann das Problem imm Ie nicht sehen... Hast Du es geändert?

[dummy]

Ja, entschuldige, hab vergessen es hier nochmal zu sagen.
Die Lösung ist etwas blöd, denn ich gebe nun einen fixen y-Abstand an. Wenn sich jetzt vor diesem Widget etwas ändern würde z.B. Das Untermenü geht auf, dann stimmt die Position des Thumbnail Blocks nicht mehr . Deswegen habe ich diesen Widget auch nur auf die Home - Seite beschränkt, da auf den anderen Seiten überall dieses Untermenü aufgeht. Wenn jemand ne bessere Lösung hat, der Link zur css ist immernoch der Selbe.

Viel Glück

Der Inhalt hat praktisch diesen Aufbau (Ausschnitt aus der HTML)

PHP-Code:

<!-- media - content -->
<div id="content_media">

<div class="featlist">

    <div class="firstblock">anime-view</div>            

            

        <span class="fhover">    
            <!-- Thumbnils -->
            <span class="fpblock">    
                <div class="fimg_other"><img src="/wp-content/uploads/2008/09/soul-eater-120x150.jpg" alt=""></div> 
            </span>

            
            
            <!-- List -->
            <span class="fblock">    
                <div class="fmeta"> 
                    <span class="fminiblock">
                        26.09.2008                    
                    </span>
    
                    <span class="fminiblock">
                        <a href="/?p=528" title="Soul Eater">Soul Eater</a>
                    </span>
                </div>
            </span>
        </span>

        <span class="fhover">    
            <!-- Thumbnils -->
            <span class="fpblock">    
                <div class="fimg_other"><img src="/wp-content/uploads/2008/06/shakugan-no-shana-second-120x150.jpg" alt=""></div>
             </span>
            
            
            <!-- List -->
            <span class="fblock">    
                <div class="fmeta"> 
                    <span class="fminiblock">

                        15.06.2008
                    </span>
    
                    <span class="fminiblock">
                        <a href="/?p=266" title="Shakugan no Shana Second">Shakugan no Shana Second</a>
                    </span>
                </div>
            </span>
        </span>
            

    </div>
</div>
</div>