The page under discussion was
http://ppewww.ph.gla.ac.uk/~flavell/www/html-smac.html
An email correspondent referred to the link text "screenshot" in part
2, which in his case was coming at the right-hand end of a line. As
soon as he hovered over it in MSIE, it sprang to the next line -
making it impossible to use it, obviously. This didn't happen in
Mozilla (which by the way reports that this page is in
standards-compliance mode, if that's relevant).
The operative CSS portions for this case seem to be:
a { border-style: none; } /* which had been done for netscape 4 */
a:link { /* some features are repeated to overcome old browser foibles */
color: #33f;
background-color: #fff; background-image: none;
background: none #fff;
text-decoration: none;
}
a:link:hover { /* don't change text and bg colour */
color: #33f;
background-color: #fff; background-image: none;
background: none #fff;
text-decoration: none;
}
It would appear, from what I've tried so far, that MSIE calms down
if I add, specifically to the a:link:hover stanza, the additional
property:
border-style: none;
which, supposedly, is only repeating what was *supposed* to have been
inherited from the "a {...}" stanza.
Was this a known effect? Does it seem a reasonable workaround?
cheers
p.s page validates as 4.01 transitional and passes W3C CSS checking.
(Complaints about me explicitly turning off text decoration will be
understood, but probably not actioned for the moment. I think we've
discussed the point before in relation to this specific page.)
