span class back ground colour IE6

plus scrolling

[SaminOz]

Hi everyone,
got a strange one in IE6. The following code helps give dictionary like formatting to some pages on one of my sites. All good in all browsers except IE6. In IE6 there is no border or background colour - however! - when you scroll to the bottom of the page and scroll back up the formatting (more or less) appears. By more or less I mean it is missing the border-top part, but all else is recoginised. I can live without the formatting if neccesary but would love to know if anyone recogises this prob?

span.dictionary {
display: block;
width: 100%; /*added as possible fix - no go*/
height: 100%; /*added as possible fix - no go*/
font-family: "Palatino Linotype", "Times New Roman", serif;
border: 2px solid #F0E68C; /*Khaki*/
background: #FBFCDA; /*light yellow*/
padding: 5px;
}

[swa66]

When you trigger one of the peek-a-boo bugs in IE, it's often hard to find a workaround. I usually try giving hasLayout with "zoom:1" but I doubt it'll help as you already tried setting a height.

Try: position:static (yes, that's the default) on all unpositioned elements, or position:relative on the parent or the element itself.

It's one of the harder bugs in IE to work around in my experience.

you'll find a few more that had the same in the past out here [google.com]