* {
  margin: 0;
  padding: 0;
}

#mainbox {
  width: 800px;
  margin: 1em auto;
  background: url(/prx/000/http/www.css-designsample.com/csslayout/clearfix/image.gif) repeat-y 0 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



#box-a {
  width: 598px;
  float: right;
  height: 400px;
  border: 1px solid #006699;
}

#box-b {
  width: 198px;
  float: left;
  height: 150px;
  border: 1px solid #ff0000;
}

#box-c {
  clear: both;
  text-align: center;
  padding: 5px;
  background-color: #cccccc;
}