让左侧导航背景颜色高度随着右边的内容改变高度呀

<style type="text/css">
.container {width:960px; height:100%; overflow:hidden; margin:0 auto; }
.left {height:100%; width:200px; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px; float:left; display:inline;border:1px solid silver;}
.right {width:750px; float:right; height:auto;border:1px solid silver;}
.aa{height:100%; border:1px solid silver; position:inherit;}
</style>
    <form id="form1" runat="server">
<div class="container">
 <div class="left">
 <p>22</p><p>22</p><p>22</p><p>
 </div>

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

</div>