CSS wird im IE nicht richitg umgesetzt

[mc-michi]

Moin, ich hab mal eine wichtige Frage:

img {
border:none;
}

#box{
height:149px;
width:250px;
padding:0;
margin:40px;
font:bold 14px verdana, sans-serif;}

#box div{display:none;}

#box:hover div{
display:block;
width:300px;
position:absolute;top:20px;left:320px;
padding:15px;
font:normal 14px verdana, sans-serif;}

und mit diesem Code gebe ich das aus:

<div id="box"><a href="#"><img src="341_0.JPG" border="0" /></a>
<div><img src="hover/001.jpg" width="298" height="400" alt=""></div></div>

Mein Problem ist nun, dass es bei Firefox klappt, beim IE aber leider nicht. Woran könnte das liegen?

Grüße, Michael

 

[theHacker]

Das zweite img-Tag ist nicht geschlossen.

Zum Problem:
Der IE kann die Pseudoklasse :hover nur für a-Tags interpretieren. Um divs und sonstige Tags mit einem :hover-Effekt zu versehen, musst du im IE auf JavaScript zurückgreifen.

 

[mc-michi]

danke - bei weiteren Problemen werde ich mich melden^^