1. Demo 1
  2. Demo 2
  3. Demo 3
  4. Demo 4

The wrapper creates a new block formatting context in all browsers

The DIV that wraps the 3 columns below is styled as follow:

.wrapper {
  width:740px;
  display:inline-block;
  background-image:url(faux-column.gif);
  background-repeat:repeat-y;
}

The wrapper is styled with "display:inline-block"

Heading

.mainContent {
  padding-right:200px;
  padding-left:200px;
}
.floatMe {
  float:left;
  background:teal;
  color:#fff;
}

Screenshots

browser families
screenshot of Demo 2