This is a <div> with a width of 18 ems. It has heavy left and right borders of 4 ems.

The header is a <div>, having negative left and right margins, so it should overlap the borders of the enclosing <div>.

However, in IE7, the header overlaps just the left border, and not the right border.

Firefox 2.0 and Opera 9.25 display this file correctly.

This is the original testcase submitted by Sjaak Priester . As we all can see, the 2 bugs (overlapping of border-right and non-selectable text with mouse above border-left) can affect design and coding of CSS columnar layout templates. Gérard Talbot