Anylink CSS menu

[tirppu]

Hi!

I have the Anylink CSS menu from Dynamic Drive in my website.

http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

The menu is okay in Firefox and IE 7.0 beta but it isn't good in IE 6.0. The problem is that the text is in the wrong place.

I mean:

Suku
Harrastukset
Kaverit
erit

Jami
Juuso
Vilma
ilma

The last link repeats a bit in the second line.

My CSS code is:
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid rgb(174,193,203);
border-bottom-width: 1px;
font-size:12px;
color: rgb(95,109,117);
font-family:Arial, sans-serif;
line-height: 18px;
z-index: 100;
background:url(ylaot.png) repeat;
width: 205px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid rgb(174,193,203);
border: 0px solid rgb(174,193,203);
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: rgb(95,109,117);
}

.anylinkcss a:hover{ /*hover background color*/
background-color: rgb(194,209,217);
color: white;

}

.anylinkcss a:visited{ /*hover background color*/
color: rgb(95,109,117);

}

.anylinkcss a:link{ /*hover background color*/
text-decoration: none;
font-weight: bold;
color: rgb(95,109,117);
}


Maybe somebody can help me :)

[tirppu]

And my whole website is here:
http://kotisivu.mtv3.fi/taaviss