Problem with IE 5 Mac moving borders on a centred inline list of links

leaving borders where the list would've been left aligned

[chris_sw]

Hello

For a navigation bar, I have a list of links, which I wish to display

ITEM ¦ ITEM ¦ ITEM ¦ ITEM

centred on the screen. My markup is

<ul>
 <li class="first"><a href="#">Home</a></li>
 <li><a href="#">Property Search</a></li>
 <li><a href="#">News</a></li>
 <li><a href="#">Recruitment</a></li>
 <li><a href="#">Contact Us</a></li>
</ul>

and my style is

ul
{
 text-align:center;
}
li
{
 display:inline;
 border-left:1px solid black;
 padding:0 0.5em;
}
li.first
{
 border:0;
}

And all is fine.... except for IE Mac. IE Mac centres the items correctly, but places the borders where the items would have been if they weren't centred. Weirdly, if the items are plain text instead of links, the borders pop back to the correct place. Anyone know anything about this? (IE Mac 5.1)

[J_Mein]

Chris,

Anyone know anything about this? (IE Mac 5.1)

Its the "Phantom Links" bug.
This link explains the behavior and offers some solutions:

[l-c-n.com...]

hth
Jay

ps. If the link gets removed, search for; /IE5tests/phantom-links/ with google

[chris_sw]

Fantastic j_mein, I've not encountered this bug before. Thanks for the link