Working on the Instructional Components Prototype I've run into yet another IE bug. This seems to be related to a
bug I dealt with recently, but I don't know of a work-around. Then again, I didn't do as much research this time. The bug, in this particular instance, appears to occur when a block object with a border contains another block object with a negative margin set via CSS. IE appears to have trouble rendering the containing object correctly. The border appears to break and re-render.
Limited testing done with IE 6.0.2900.2180.xpsp_sp2_gdr.050301-1519
Code to produce the bug (
see sample page):
<html>
<head>
<title>IE Border Bug</title>
</head>
<style>
.container {
border: 5px solid #000000;
padding: 10px;
}
.content {
margin: -5px;
}
</style>
<body>
<div class="container">
<p class="content">Questions</p>
<p>blah</p>
</div>
</body>
</html>
