Weird MacIE problem - unordered list is angled!

[Mudley]

I set up a leftnav using <ul> and css, it works great on every browser i threw at it.

the client uses a mac, and the left nav displays diagonoly.

I looked for myself, and it is in fact diagonal on her mac.

Any suggestions?

CODE BELOW (since i can't post URL)
-----------------------------------
<style type="text/css">
#topnav
{
width: 180px;
margin: 0px;
padding-left: 0px;
padding-right: 2px;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
float : left;
}

#topnav li
{
margin: 0px;
padding: 2px;
list-style-type: none;
}

#topnav a:link, #topnav a:visited
{
width: 180px;
background: #FFFFFF;
font-size: 11px;
font-family: Georgia;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #000000;
text-align : right;
border-bottom : thin solid #999999;
float : left;
}

#topnav a:link.active, #topnav a:visited.active
{
background: #EFE6DC;
color: #000000;
padding: 0px 0px 0px 0px;
}

#topnav a:hover
{
background: #EFE6DC;
color: #000000;
padding: 0px 0px 0px 0px;
}
</style>

<ul id="topnav">
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
<li><a href="/">
<b>blah blah</b><br>
blah blah blah blah</a></li>
</ul>

[DrDoc]

Move

float: left

from the anchors to the li itself. Then give the anchors

display: block

... That should do it.

In an attempt to illustrate what's going on:

First<br> 
link -- second<br> 
        link -- third<br> 
                link --- etc

[Mudley]

Thanks Doc

i don't even know what float does...i just hacked my way through that css to get it to look right.

I can't test the changes until tomorow (i don't have a mac at home)

I'll update then

[DrDoc]

Floats [w3.org] :)