Strul med li-meny i IE 5 på mac

Tjena,

Har problem med en li-meny i IE 5.2/Mac

Menyn skjuter allt underliggande innehåll åt höger...

Sidan finns på adressen https://www.svanamyran.com

Koden:

#nav {
			float: left;
			height:15px;
			line-height:15px;
			width:auto;
			margin: 0;
			padding:0;
			list-style: none;
			font-size: 11px;
			background:transparent;
			border-top:1px dashed #ddd;
		
		}
			
		#nav li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			border-right:1px dashed #ddd;
			width:100px;
		/*
	First comment. Explorer 5 Mac misses the end-of-comment
	because of the backslash
\*/
			width:auto;
/*
	Second comment. Explorer 5 Mac sees the end of this
	comment as the end of the previous one
*/
			
		}
		
		#nav ul {
			margin: 0;
			padding: 0;
			border:none;
			
		}
		
		#nav a {
			float: left;
			padding: 0px 30px 0px 30px;
			margin:0;
			text-decoration: none;
			color: #CC8F4E;
			background:transparent;
			letter-spacing:1px;
			font-weight:normal;
			font-size: 11px;

		
		}
		
		#nav a:hover {
			background:#B3CC4E;
			color:#fff;
			font-weight:normal;
	
		}
		
		
		#nav #currentpage a {
	
			background:#CC8F4E;
			cursor:default;
			color:#fff;
			font-weight:bold;
		}

<div id="nav">
<ul>
<li><a href="#">Länk1</a></li>
<li><a href="#">Länk2</a></li>
<li><a href="#">Länk3</a></li>
</ul>
</div>

Jag misstänker att det har att göra med float:left; och width:auto; vilket jag försökte fixa med hjälp av kommentar-hacket i css-koden.

Någon som vet?