3个层的排列有关问题

3个层的排列问题，在线等
现在有三个层，

HTML code


<div id="content">
    <div id="category">
        hi
    </div>
    <div id="detail">
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
    </div>
</div>

怎么让category和detail在content不换行呢，IE8 FF Safari 都可以做到，IE6就很郁闷，需要样式

------解决方案--------------------

HTML code

<style type="text/css">
    #content{
        width:600px;
        overflow:hidden;
        border:1px solid red;
    }
    #content  #category{
        float:left;
        width:39%;
        border:1px solid green;
    }
    #content  #detail{
        float:right;
        width:59%;
        border:1px solid blue;
    }
</style>
<div id="content">
    <div id="category">
        hi
    </div>
    <div id="detail">
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
        a<br/>
    </div>
</div>

相关推荐