Asp.net/Html DIV Height According to Content Height

See more:

ASP.NET

HTML

I have two grid in an ASP.NET page,

I used DIV for scroll bar,for that i used the following query

<div style="height:300px;overflow:auto;display: inline-block;">
                       <asp:GridView ID="grdBillableMonth" runat="server"
                           CssClass="tablestyle" Height="27px">
                           <AlternatingRowStyle CssClass="altrowstyle" />
                           <HeaderStyle CssClass="headerstyle" />
                           <RowStyle CssClass="rowstyle" />
                       </asp:GridView>
 </div>

No the Scroll bar is coming just to end of the grid and resizing according to content of the DIV

That is DIV width is changing automatically with Content.


Now my need is I want the same in the case of Height,
i want DIV height changing according to height of the content,not only that,
i want to set a limit for height.
ie, if height of my grid is 500px..if during binding,say it have only 200px height,the DIV should reduce to 200px height,but when binding,the gird gets more than 500px height,then it shows a scroll bar instead of increasing height


Can anyone help