MIE repeating half a line

[Charlotte]

Hi. Hope someone can help with this annoying problem. MIE is repeating the last half of a link in a (CSS) nav bar on the left of my page. "View source" suggests nothing is wrong and it only shows in the browser window for MIE (not Firefox or Netscape). The links have a class and sit within a CSS container box within another CSS container box.
As I say, it's fine in Netscape, Firefox - and is only the last half of the last link...
Thanks

[tedster]

"View source" suggests nothing is wrong

Have you tried the validators?

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

[Charlotte]

That only threw up bordercolor and two missing alts in the html one. CSS passed fine.

[edited by: encyclo at 1:09 pm (utc) on Aug. 31, 2005]
[edit reason] No URLs please, see forum charter [/edit]

[SuzyUK]

Charlotte this sounds like the "duplicating characters bug" despite it's name it is related to many other IE CSS Bugs [webmasterworld.com]

two ways to fix this one if it's it..

if your layout uses floats and you have lots of HTML comments in the source code, either remove the comments between floated divs or make sure the comments are inside the <div>s and not between
them

<div id="float1">
......content
<!--put comment here --></div>
<!-- not here -->

<!-- not here -->
<div id="float2"><!-- put comment here -->
......content
<!--put comment here --></div>

The second cure is to apply layout (set a width or height) on the offending element or a subsequent clearing div, however this one can be harder to pinpoint

Suzy

[Charlotte]

Thanks for the suggestions, Suzy. The comments thing worked in another site I was having similar problems with but not in the one I originally asked about. I've set all comments within divs and tried setting heights and widths on the navbox, the links within the nav box and the subsequent div but it still repeats the last 7 digits of the last link text. Curious - and v frustrating!
Any more ideas or should the last suggestions have worked...?
Thanks
Charlotte
P.S. Sorry about the url - thought it might have helped seeing the prob.

[Charlotte]

I've taken out all comments now and it's still doing it. The page renders perfectly in Netscape, Firefox, Opera - it's just flippin IE!

Any other ideas would be gratefully received.
Thanks

[SuzyUK]

actually this bug can be triggered by more than just comments, anything that causes something to be removed from the document..
e.g. something with {display: none;} set on it..

there are a few things that you might try. not all together, one of them might work for you, it depends on site setup

1. if you have a clearing div between the floats and any e.g. footer - set width: 100%; on it.

2. whatever the last left or right floated element in your document is set its opposite margin to -3px;
e.g. if float left, set : margin-right: -3px;

3. if you have a container div with a width set it to be 3px wider (while still keeping the contents at their original width..

otherwise if you can post a summary of your layout code and still duplicate the bug.. please do, pinpointing this one can be a nightmare! (especially working blind)

Suzy