CSS disjointed rollover, Need Help!!

[dchick]

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="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="text">Website</li>
<li class="text">Press Advert</li>
</ul>
</div>

[abduraooft]

Could you post a link to your page?

[dchick]

http://www.makedesignandprint.com/portfolio.html

thanks for looking,

[brazenskies]

seems fine to me in all browsers

[dchick]

When i tested it the rollovers don't work in IE 6? are you using IE7?

[brazenskies]

yeah it's ie7

[BoldUlysses]

When i tested it the rollovers don't work in IE 6? are you using IE7?

Do you have csshover.htc uploaded?

You might need to download it (http://www.xs4all.nl/~peterned/csshover.html), upload it to your base directory, and add

<!--[if IE 6]>

<style type="text/css"> body { behavior: url(csshover.htc);} </style>

<![endif]-->

to your head of your markup file.

That solved IE6 hover problems for me.

[dchick]

I'm not too hot on css, haven't got csshover uploaded just tried it and didn't work.