Right Borders Disappearing in IE6

[IanTurner]

Now I have a div with the following set up

#artbod {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666666;
height: 150px;
width: 150px;
background-color: #eeeeee;
}

When I put text inside the DIV (with style as below) sometimes the right border disappears and sometimes not

.artbodtxt {
font-size: 12px;
font-style: italic;
color: #666633;
padding: 4px;
margin-top: 0px;
}

This block and text style is being used over a number of pages and only on two out of six pages does the right border disappear.

If I change the padding to 3px; it fixes the problems on the pages where the border was disappearing but other pages then show the problem.

I'm baffled - anyone have any idea why this is happening.

[createErrorMsg]

Could be the IE italics bug [positioniseverything.net]. If you have a long string of italicised text that is pushing the width of the box out by a few pixels, it's possible that your border might be ducking underneath another element, or something like that.

I would try removing the italics and see if the problem persists with the text in a normal font-style. If it goes away, you know what you're dealing with.

cEM

[added]Testing your code, there is about a 1px width difference in your div (in IE) between normal and italic font-style. The PIE page above explains the solution in detail.
[/added]

[IanTurner]

Many thanks