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.

Back to MacEdition Guide to CSS Bugs in IE5/Mac