Sent by Jon Jensen on 4 November 2003 00:12
> I am working on a commented version of a redesigned page and am using
> Eric's popup menus idea as the ground foundation to achieve it. The idea
> is to make a comment appear on hover.
>
> You can see at:
> http://afterchaos.com/indexjfcom_local2.html
>
> All the comments work as intended in Win OPera 7, Moz 1.2 IE 6 (partially)
> but none in IE 5.5.
>
> I am asking if someone can take a look please?
>
> Stylesheets:
> http://afterchaos.com/css/simplecom2.css
> http://afterchaos.com/css/commented2.css
>
I don't know why this works, but it does. At least, it solves the IE 6
problem, and I'm extrapolating that it solves the IE 5.5 problem as well.
Try adding the following rule:
div.commentlinks a:hover, #rightback2 div.commentlinks a:hover, #rightcol
div.commentlinks a:hover {
margin-bottom: 1px;
}
By adding a margin of some sort to the hover pseudoclass, the nested <span>
becomes visible. After a little more testing, I discovered the same holds
true with padding, border and several other attributes.
Conclusion:
If you define a rule for an element nested inside of an <a> tag with the
hover pseudoclass (e.g. a:hover span{ ... }) IE will only apply that rule
if there is an explicit rule for the hover pseudoclass (e.g. a:hover{
border-color: black; }) that overrides some previously set value (e.g. a{
border-color: green; }).
Jon
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
