To make this work properly for IE and the other browsers, you should add <!--[if lte IE 6]> and <![endif]--> around the overriding CSS.

Border should take all contents of the container.

Border should take all contents of the container (fix for IE).

1
2
3

3 (fix for IE)
2 (fix for IE)
1 (fix for IE)

1 - to show it actually works as intended, I guess I must write a lot of text to back up my words. So that it becomes visible it lines up text correctly and not in some odd places.
You shouldn't see all of this text.
You shouldn't see all of this text.
You shouldn't see all of this text.
You shouldn't see all of this text.

1 - to show it actually works as intended, I guess I must write a lot of text to back up my words. So that it becomes visible it lines up text correctly and not in some odd places. (fix for IE)
You shouldn't see all of this text.
You shouldn't see all of this text.
You shouldn't see all of this text.
You shouldn't see all of this text.