IE7 alternative to inline-block

by Amy L

HTML

<link rel="stylesheet" type="text/css" href="http://www.morgana.nl/style.php">

<div class="half2 clearFloat newCSS">
    <img src="http://www.morgana.nl/siteimages/forms/top.jpg" width="441"
    height="12" class="block inlineBlock" alt=""/>
    <div class="formsContainer inlineBlock">
        <div class="formsInnerContainer" style="height:474px">
        form was here
        </div>
    </div>
    <img src="http://www.morgana.nl/siteimages/forms/bottom.jpg" class="block inlineBlock" alt=""/>
</div>

CSS

/* Makes sure the container will respect the dimensions of its floated child elements  */
.newCSS .clearFloat{
    overflow: hidden;
    width: auto;
}
/* Achieves `inline-block` behaviour*/
.newCSS .inlineBlock {
    clear: both;
    display: block;
    float: left;
}