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.