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>

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>