Bob Sawyer wrote:
> 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?
Try to add this:
#map .mapspot a:hover {background:#fff}
Regards,
Thierry | www.TJKDesign.com
______________________________________________________________________
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/
