如何用纯css实现多个div横向并排等高的框，不能用table布局且要兼容IE6

Question

用html和css实现三个并排的框，框的高度根据框内的内容自适应变化，但是视觉上要等高，不能用table布局、javascript或者CSSExpression，可以使用背景图片，兼容现在所有的主流浏览器，包括IE6；最好能写个小的代码demo，这里可以提供背景图片链接http://placehold.it/200x200.png（200x200可以随便改写，代表的图片的宽高）
效果图如下：

Answer 1

.container{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow: hidden;&nbsp; &nbsp; &nbsp; &nbsp; }.container > div{&nbsp; &nbsp; float: left;&nbsp; &nbsp; padding-bottom: 9999px;&nbsp; &nbsp; margin-bottom: -9999px;}<div class="container">&nbsp; &nbsp; <div class="left"></div>&nbsp; &nbsp; <div class="middle"></div>&nbsp; &nbsp; <div class="right"></div></div>效果如图：