IE8 css float問題

<style>
.parent
{
width:100%;
}
.left
{
width:140px;
float:left;
}
.center
{
margin-left:150px;
margin-right:110px;
}
.right
{
width:100px;
float:right;
}
.clear
{
clear:both;
}
</style>
<div class="parent"><div class="left"></div><div class="center"></div><div class="right"></div><div class="clear"></div></div>

--注意：
當然如上布局時在ff,ie8下時，parent底部會產生空白。解決辦法修改.parent，添加overflow:hidden;