Welcome to WebmasterWorld Guest from 54.158.143.40

Forum Moderators: not2easy

Message Too Old, No Replies

Disjointed Rollover

Why doesn't this work in IE? Can anyone help?

   
11:29 am on Jun 5, 2008 (gmt 0)

5+ Year Member



Im having trouble with my gallery, works fine in Safari, FF, Opera but the rollover doesn't work in IE.

CSS:
#gallery {
width : 100px;
height : 100px;
margin : 0;
float : left;
}
#disjointed2 {
position : relative;
width : 400px;
margin-top : 200px;
}
#disjointed2 li {
width : 90px;
position : static;
}
#disjointed2 a {
display : block;
height : 90px;
width : 90px;
color : #ffc;
text-decoration : none;
float : left;
}
#disjointed2 a img {
border : 0;
}
#disjointed2 a:hover {
color : #cff;
}
#disjointed2 a span {
display : none;
}
#disjointed2 a:hover span {
display : block;
position : absolute;
top : -200px;
left : 0;
color : red;
background : #fff;
}

HTML:
<div id="gallery">
<ul id="disjointed2">
<li class="portfolio"><a href="#n"><img src="images/image1.gif" height="80" width="80" alt="job name" /> <span><img src="images/image1-hover.gif" width="480" height="190" alt="KÄRCHER Bio Parts Website" /></span></a></li>
<li class="portfolio"><a href="#n"><img src="images/image2.gif" height="80" width="80" alt="job name" /> <span><img src="images/image2-hover.gif" width="480" height="190" alt="" /></span></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="text">Website</li>
<li class="text">Press Advert</li>
<li class="text">Job name</li>
<li class="text">Job name</li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="portfolio"><a href="#n"></a></li>
<li class="text">Job name</li>
<li class="text">Job name</li>
<li class="text">Job name</li>
<li class="text">Job name</li>
</ul>
</div>

2:54 pm on Jun 12, 2008 (gmt 0)

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Could you explain the issue a little more?