views:

119

answers:

2

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!

+3  A: 

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.

bobince
+1 for the link to position is everything.
anddoutoi
Thank you, that sorted it!I put a position:relative on the options class, the duplicated text has gone and I still have hair left!
Ian
@Ian, mark this as the answer then. I came here thinking you still needed help. If you mark it as answer, then I can see on the front page that your issue has been resolved. Thank you.
Josh Stodola
+1  A: 

Removing display:block;

from div.options a

seems to remove the problem too.

Kris C