I've got a problem with IE and :hover. As you can see in the stylesheet, the
:hover is being applied to an anchor tag, so it should work. But when I hover
over the link, nothing shows up. Is there anything you all see that might be
causing problems?
(the reason for all the inline styles is that this is part of a javascript, so
the necessary styles are being built with .style.whatever)
<div id="yal_content" style="position: relative; visibility: visible;">
<img id="yal_thing" class="landscape" src="../../files/images/ic_pics/noon_concerts/s08/08-02-08-02.jpg" alt="Ji-Woon
Jung plays violin last February." title="Ji-Woon Jung (February 8,
2008)" style="width: 500px; height: 375px;"/>
<a id="yal_next" style="z-index: 502; position: absolute; top: 0px; right: 0px;
bottom: 0px; width: 25%;" href="javascript:;">
<span class="yal_nav_image" style="display: block; height: 375px;"></span>
</a>
<a id="yal_prev" style="z-index: 502; position: absolute; top: 0px; left: 0px;
bottom: 0px; width: 25%;" href="javascript:;">
<span class="yal_nav_image" style="display: block; height: 375px;"></span>
</a>
</div>
div#yal_content {
clear: left;
margin: 10px;
}
img#yal_thing.landscape {
width: 640px;
height: 480px;
}
a#yal_next:hover {
background: url('../images/nextlabel.gif') no-repeat center right;
}
a#yal_prev:hover {
background: url('../images/prevlabel.gif') no-repeat center left;
}
div#yal_container span.yal_nav_image {
width: 100%;
}
---Tim Climis
Computer Coordinator
International Services
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
