框架内TreeView出现滚动条的问题（让Div出现滚动条）……

<table border="0" width="99%" cellpadding="3" cellspacing="1" bgcolor="#cccccc">        <tr class="tr" align="center">        <td>请选择账套：</td>        <td class="td" colspan="2">            <asp:DropDownList ID="DropDownList1" runat="server" Width="347px" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" >            </asp:DropDownList>            <asp:DropDownList ID="DropDownList2" runat="server" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged" AutoPostBack="True">            </asp:DropDownList>            </td>        </tr>        <tr class="tr" align="left">        <td class="td">请设置菜单：</td>        <td class="td" align="left" colspan="2">        <div style="PADDING-RIGHT: 10px;               OVERFLOW-Y: auto; PADDING-LEFT: 10px;              SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 11pt; PADDING-BOTTOM: 0px;               SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 96%;               SCROLLBAR-SHADOW-COLOR: #919192; COLOR: blue;               SCROLLBAR-3DLIGHT-COLOR:#ffffff; LINE-HEIGHT: 100%;               SCROLLBAR-ARROW-COLOR: #919192; PADDING-TOP: 0px;               SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: 宋体;               SCROLLBAR-DARKSHADOW-COLOR: #ffffff; LETTER-SPACING: 1pt; HEIGHT: 500px; TEXT-ALIGN: left; background-repeat: no-repeat;">        <asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" ShowLines="True">            </asp:TreeView></div>        </td>        </tr>        </table>

今天在公司接到一项任务，主要是做一个导航菜单，菜单分横纵结构，横向主要显示网站中所分大类，纵向主要显示大类中的小类，而纵向菜单是用TreeView来实现的，当TreeView中有很多的项时，可能会使页面走形，而公司要求是页面大小要固定的情况下实现这些功能。这种结构在很多情况下都是通过框架来实现的，我想了想，框架毕竟是需要连接框架所包含的内容页的，这可能会影响到网页打开的速度。如是我想能否去除一贯做法，提高我们的网页加载速度呢?

       我想到了用DIV来实现，我想将TreeView控件放置到DIV中，当项到达一定的高度时DIV中会自动出现滚动条，但DIV中是没有这个属性的，怎样才能实现这一功能呢？如是我想到可以利用CSS样式来控制DIV的样式，这样可能会实现。如是我在DIV中添加了如下样式。经测试后成功了。

转载：http://hi.baidu.com/trip008/blog/item/3b1ea45493d7101d3a2935a9.html