Hi,
Sorry about the late reply. However, this issue is happening. I compared it with the test code and found that height of the Grid is doing something unusal. I've posted the test code here. If HEIGHT is changed to max 370 then it works fine. However, when it above 370 then the gap starts appearing.
I think I am missing something here. It would be appreciated if it can resolved.
Thanks,
<html>
<head><title></title>
</head>
<body>
<form id="Form3" runat=server>
<eo:Splitter runat="server" id="Splitter1" BorderStyle="Solid" DividerSize="11" Width=100%
BorderWidth="1px" BorderColor="#BED6E0" ControlSkinID="None" DividerImage="00080421" Orientation="Horizontal"
CollapseButtonImage="00080102"
ExpandButtonHoverImage="00080105" ExpandButtonImage="00080104" CollapseButtonHoverImage="00080103">
<eo:SplitterPane id="SplitterPane1" runat="server" ScrollBars=both Height=120 width=100% ></eo:SplitterPane>
<eo:SplitterPane id="SplitterPane2" runat="server" ScrollBars=both Height=600 width=100% >
<div id="div1" style="border-right: black 0px solid; border-top: black 0px solid;
vertical-align: top; border-left: black 0px solid; width: 980;
border-bottom: black 0px solid;">
<table bordercolor="#085d89" cellspacing="0" cellpadding="0" width="98%" border="0">
<tr>
<td>
<eo:Menu runat="server" id="Menu1" ControlSkinID="None" Width="300px">
<TopGroup Style-CssText="border-right: #e0e0e0 1px solid; padding-right: 10px; border-top: #cb3e00 2px solid; padding-left: 10px; font-size: 12px; background-image: url(00020005); padding-bottom: 3px; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; padding-top: 3px; font-family: arial">
</TopGroup>
<LookItems>
<eo:MenuItem IsSeparator="True" ItemID="_Separator" NormalStyle-CssText="width: 1px; height: 1px; background-color: #cb3e00"></eo:MenuItem>
<eo:MenuItem HoverStyle-CssText="color:#F7B00A;padding-left:5px;padding-right:5px;" ItemID="_Default"
NormalStyle-CssText="padding-left:5px;padding-right:5px;">
<SubMenu Style-CssText="border-right: #e0e0e0 1px solid; padding-right: 3px; border-top: #e0e0e0 1px solid; padding-left: 3px; font-size: 12px; padding-bottom: 3px; border-left: #e0e0e0 1px solid; cursor: hand; color: #5f7786; padding-top: 3px; border-bottom: #e0e0e0 1px solid; font-family: arial; background-color: #f7f8f9"
OffsetX="-3" ShadowDepth="0" OffsetY="3" ItemSpacing="5"></SubMenu>
</eo:MenuItem>
</LookItems>
</eo:Menu>
<asp:Button ID="tstbtn" runat="server" width=200 text="Display sort name" />
<eo:CallbackPanel runat="server" id="CallbackPanel1"
Triggers="{ControlID:tstbtn;Parameter:}" Width="100%">
<asp:label id="lblDisplay" runat="server" width=300></asp:label><br />
<eo:Grid runat="server" id="Grid1"
BorderColor="#828790"
BorderWidth="0px"
GridLines=Both
FixedColumnCount="0"
ColumnHeaderDescImage="00050205"
GridLineColor="240, 240, 240"
Width="100%"
ColumnHeaderAscImage="00050204"
ColumnHeaderHeight="40"
Font-Size="10pt"
Font-Names="Tahoma"
EnableTheming="true"
EnableKeyboardNavigation="True"
FullRowMode="false"
height="400"
ScrollBars=vertical
GoToBoxVisible="true"
GoToLabelText="Page:"
AllowPaging="true"
AllowColumnReorder="False"
ItemHeight=22
PageSize=20
IsCallbackByMe="False"
RunningMode=client
ClientSideOnContextMenu="ShowContextMenu"
ColumnHeaderDividerImage="00050103">
<ItemStyles >
<eo:GridItemStyleSet >
<ItemHoverStyle CssText="background-color:ThreeDLighShadow"></ItemHoverStyle>
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x;"></SelectedStyle>
<CellStyle CssText="padding-left:2px;padding-top:2px;"></CellStyle>
<ItemStyle CssText="background-color: white;"></ItemStyle>
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="Permit">
<ItemHoverStyle CssText="background-color:ThreeDLighShadow"></ItemHoverStyle>
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x;"></SelectedStyle>
<CellStyle CssText="padding-left:2px;padding-top:2px;"></CellStyle>
<ItemStyle CssText="background-color: lightgreen;"></ItemStyle>
</eo:GridItemStyleSet>
</ItemStyles>
<GoToBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 40px; BORDER-BOTTOM: #7f9db9 1px solid"></GoToBoxStyle>
<ContentPaneStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;"></ContentPaneStyle>
<ColumnHeaderStyle CssText="background-color:lightyellow"></ColumnHeaderStyle>
<Columns>
<eo:CheckBoxColumn HeaderText="<input type='checkbox' id='column1_checkbox' />" Width="30"></eo:CheckBoxColumn>
<eo:StaticColumn AllowResize="False" AllowSort="True" HeaderText="ID" Width="50" DataField="ID"></eo:StaticColumn>
<eo:TextBoxColumn AllowResize="False" AllowSort="True" HeaderText="Name" Width="170" DataField="Name"></eo:TextBoxColumn>
<eo:DateTimeColumn AllowResize="False" AllowSort="True" HeaderText="Title Work Assigned" Width="90" DataField="DateTmp"></eo:DateTimeColumn>
</Columns>
</eo:Grid>
</eo:CallbackPanel>
</td></tr></table></div></eo:SplitterPane></eo:Splitter>
</form>
</body></html>