By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,180 Members | 1,016 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,180 IT Pros & Developers. It's quick & easy.

CSS link rollover bug in IE 5 Mac

P: n/a
DM
For the sake of anyone doing a Google Groups search who encounters this bug and
is looking for a workaround, I wanted to post what I've found.

If you have pseudo class selectors...

a {
....
}
a:hover {
....
}

....to create a rollover effect, in IE 5 for the Mac it can cause the element,
such as a p or h1, h2, etc. that has the link in it, to spring out to a wider
size. You roll over and the hover effect occurs, then you roll off and the hover
effect goes away, but the element suddenly occupies more horizontal space and
everthing reflows.

I've seen this also happen in other browsers in the past. I did a search and
found reports of similar bugs, though not exactly the same. (Try searching on
"text shift left hyperlink" and "jumping links bug".)

The solution I found was to make sure to only change *color*, and not to add or
remove things. For example in the "a" selector, don't have no background and
then add a background in the "a:hover" selector.

As another example, this works:

a {
border-bottom: solid 1px #333499;
color: #333499;
text-decoration: none;
}
a:hover {
border-bottom: solid 1px #EC2F00;
color: #EC2F00;
text-decoration: none;
}

To put it simply, use an identical set of attributes in each pseudo class,
change only the attribute values.

Hope this helps someone.
Jul 21 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
In article <41*********************@news.cablerocket.com>,
DM <elektrophyte-yahoo> wrote:
To put it simply, use an identical set of attributes in each pseudo class,
change only the attribute values.


You may want to join the CSS-Discuss mailing list and offer your
findings to a broader range of CSS experts. Some manage websites where
bugs and their solutions have a permanent spotlight on them. Your
solution there may wind up helping more people than just those who
frequent this group.

http://css-discuss.incutio.com/

--
Kris
<kr*******@xs4all.netherlands> (nl)
Jul 21 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.