XHTML/CSS issue IE displaying extra characters

I have a开发者_运维知识库 problem with a clients webpage, you can check it out using the link below where you will see that underneath the 'drinks' option an extra 'ks' appears, however it only repeats the last two characters of the 'drinks' option in IE6 not Firefox or Webkit

http://www.villagiorestaurant.co.uk/drinks-menu.html

Any help would be appreciated.. It's driving me nuts as I can't see what the problem could be!

Ah, the duplicated text content bug, one of the very weirdest IE6 has to offer.

It happens when the right edge of a float abuts the right edge of its parent, for reasons nobody understands. This post at PIE attributes it to comments and other hidden elements, but it seems to happen without that for me.

Fix: put a margin-right: -3px on the last float (Soft drinks), or give the floating links position: relative.

Removing display:block;

from div.options a

seems to remove the problem too.