[css-d] Why does IE hate A:HOVER SPAN?

[Bob Sawyer]

Whoops... hit "tab" and "return" in GMail and sent that before I was ready.
Sorry!

Anyway... our HTML is:

<ul id="map">
     <li class="mapspot" id="d01"><a href="#"><span>Some
text</span></a></li>
     <li class="mapspot" id="d02"><a href="#"><span>Some other
text</span></a></li>
     ... and so forth
</ul>

CSS:

#map {
     width: 500px;
     height: 425px;
     float: left;
}

#map .mapspot {
     position: absolute;
     display: block;
     width: 20px;
     height: 20px;
     border: 1px solid #000;
}

#map .mapspot a {
     display: block;
     width: 20px;
     height: 20px;
}

#map .mapspot a span {
     display: none;
     }

/* here's where IE falls down */
#map .mapspot a:hover span {
     display: block;
     /* other styles below */
}

Mozilla, etc. likes this just fine, and displays the SPAN when we roll over
LI.mapspot. IE displays nothing. We've piddled and poked and cajoled the
stylesheet in an effort to get IE to honor this, all to no avail. What
gives? And more importantly, how do we fix it?

Thanks!

-Bob
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/