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

Question

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

Answer 1

.container{

            overflow: hidden;

        }

.container > div{

    float: left;

    padding-bottom: 9999px;

    margin-bottom: -9999px;

}

<div class="container">

    <div class="left"></div>

    <div class="middle"></div>

    <div class="right"></div>

</div>

效果如图：