✔ IE DIV Boxen schatteneffekt

[Binio]

Habe auf meiner Website durch DIV-Boxen einen Schatten effekt erzeugt der unter FIREFOX,OPERA und CO richtig dargestellt wird.Jetzt habe ich mir das ganze unterm Internet Explorer angesehen und bemerkt das alles verzogen ist.
Hier mein Quelltext:
CSS DATEI:

#handy_news .image{
float:left;
width:50px;
}

#handy_news .info{
float:left;
width:320px;
height:200px;
margin:10px;
text-align:left;
}

#handy_news .info .preis{
position:relative;
top:10px;
left:10px;
}

#handy_news .info .preis .mwst{
position:relative;
top:-20px;
left:0px;
color:red;
font-size:9px;
}

Hier die Boxen-Dek.

            echo "<div id='handy_news' style='position:relative;border:1px solid black;background-color:gray;margin:20px;width:420px;float:left;height:200px;'>";
                echo "<div style='left:-5px;top:-5px;position:absolute;z-index:1;background-color:white; border:1px solid black; width:400px; height:180px;height:190px !important;padding:10px 10px 10px 10px;'>";
                    if($value['bild']!='')
                        echo "<div class='image'><img src='".$value['bild']."'  width='35' /></div>";
                    else
                        echo "<div class='image'><img src='pics/produkte/no_pic.jpg'  width='35' /></div>";
                    echo "<div class='info'>";
                        echo "<u>".$value['hersteller']." ".$value['modell']."</u>";
                        echo "<br /><p>".$value['aktion']."</p>";
                        echo "<div class='preis'>";
                            echo "<p><b>Preis: ".$value['preis']." &euro;</b></p>";
                            echo "<div class='mwst'>inkl. gestzl. MwSt., zzgl. <a href='javascript:Versandkosten()'>Versandkosten</a></div>";
                        echo "</div>";
                        
                        echo "<a href='javascript:Handyansicht(\"".$value['produkt_nummer']."\",9999,\"".session_id()."\")'>";
                            echo "<img src='buttons/image_details.gif' border='0' />";
                        echo "</a>";
                        
                        echo"&nbsp;";
                        
                        echo "<a href='index.php?klick=warenkorb&aktion=warenkorb&bundle_nummer=0&produkt_nummer=".$value['produkt_nummer']."&vertrags_nummer=0'>";
                            echo "<img src='buttons/image_in_warenkorb.gif' border='0' />";
                        echo "</a>";
                        
                    echo "</div>";
                echo "</div>";
            echo "</div>";

Ich habe es mit !important versucht doch auf einmal wurde die formatierung bei allen Browsern entstellt...

Hoffentlich kann mir einer Helfen...

 

[Maik]

Hi,

kann man sich das Modell "live" anschauen, denn mit den Quellcode-Angaben kann ich in den genannten Browsern keine Darstellungsunterschiede entdecken.

 

[Binio]

http://www.tsk-telekom.de
Aber ich habe einfach das padding und das margin entfernt nun scheint es zu gehen....

 

[Maik]

Auch dort sieht alles einheitlich aus.