This relevant CSS code applies to this page:

  #red-bordered-main-content-floated-left
  {
  border: solid red;
  float: left;
  margin: 16px;
  padding: 8px;
  width: 70%;
  }

  #green-bordered-footer
  {
  border: solid green;
  padding: 8px;
  }

  hr#cleared-both {border: 16px solid; clear: both;}

---

Expected results:

1- You should see a 32px thick black stripe inside the green bordered <div>.

2- The green bordered <div> should wrap around the red bordered <div> and have its content rendered only under, below the red bordered <div>. The 32px thick black stripe should appear after the red bordered <div>.

Actual results in IE 8 beta 2:

1- There is no 32px thick black stripe inside the green bordered <div>.

2- The green bordered <div> does not render its content only under, below the red bordered <div>.

Firefox 2.0.0.14, Firefox 3, Opera 9.27, Opera 9.50, Safari 3.1.1, Konqueror 3.5.9, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, NS 7.2, K-meleon 1.x, Galeon 2.0.4, Epiphany 2.22 all pass this test.

Update: This bug has been FIXED in Internet Explorer 8 RC1 (build 6001.18372) released on January 26th 2009. Otherwise, Internet Explorer 8 RC1 PASSES this specific and particular testcase.