The "navigation bar" above has a zone to its left, colored pale yellow,
that contains phantom links. In IE5.x/Mac, hover your mouse over the empty
part of this yellow DIV. Different links to the right will turn red, exactly
as if you had hovered over their text. Clicking these points will activate
the relevant link. There is no JavaScript here, or any other tricks. Links
inside floated DIVs with the text-align:right
style appear
subject to this bug.
The second (gray) DIV does not suffer from the phantom link problem because it has some dummy text before the links.
The third (blue) DIV does not suffer from the phantom link problem because
instead of setting text-align:right
in the outer DIV, there is an inner DIV
that is floated right. No width is set on the floated DIV, so it shrinks
to fit its contents – see the thin dotted blue border around that DIV. Some
browsers might wrap this content and make the inner DIV as narrow as
possible. Be aware that double floats cause another raft of glitches in
browsers' CSS implementations, so this is not a guaranteed workaround.