I have a grid which is set to 100% height. The grid displays search results. When a user clicks on the "find" button, the results are loaded in the grid. In IE (9), the grid appears correctly. In Firefox (15), there is a vertical space of about 125px below the grid pager and the grid doesn't extend all the way down to the bottom of its container. If the user clicks on "search" a second time, the grid extends properly. I have attached two screen captures demonstrating what it looks like in ie (correct) and firefox (incorrect). I have added a panel with colored background as a container for the grid so you can see it appears to be the grid which is not extending and not the container. This effect occurs even if I do not include this panel. My markup is below.
<asp:Panel id="pnlSR" runat="Server" Height="100%" style="padding:5px; background-color:Red;"> <telerik:RadGrid id="rgSearchResults" runat="server" AutoGenerateColumns="False" Skin="Simple" Height="100%" AllowPaging="True" AllowSorting="True" AllowCustomSorting="True" AllowMultiRowSelection="True" EnableLinqExpressions="false" ShowStatusBar="True" ShowGroupPanel="False" PageSize="30" > <MasterTableView DataKeyNames="CVID" ClientDataKeyNames="CVID" Width="100%" TableLayout="Fixed" GroupLoadMode="Client" > <Columns> <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" Resizable="False" Visible="False"> <HeaderStyle width="30px" HorizontalAlign="Center" CssClass="GridSelectColumnItem"></HeaderStyle> <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="GridSelectColumnItem" ></ItemStyle> </telerik:GridClientSelectColumn> <telerik:GridImageColumn UniqueName="detailIcon" ImageWidth="16px" ImageUrl="~/global/images/icons/search.png" ImageAlign="Middle" AlternateText="View Visit Detail" AllowSorting="False" AllowFiltering="false" Visible="False"> <HeaderStyle width="30px" HorizontalAlign="Center"></HeaderStyle> <ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" CssClass="HoverCursor"></ItemStyle> </telerik:GridImageColumn> <telerik:GridBoundColumn HeaderText="CVID" DataField="CVID" SortExpression="CVID"> <HeaderStyle width="125px" HorizontalAlign="Left"></HeaderStyle> <ItemStyle HorizontalAlign="Left" VerticalAlign="Middle"></ItemStyle> </telerik:GridBoundColumn> <telerik:GridTemplateColumn UniqueName="SpacerColumn" AllowFiltering="false" SortExpression="" ></telerik:GridTemplateColumn> </Columns> <CommandItemTemplate> </CommandItemTemplate> <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="True"/> </MasterTableView> <ClientSettings AllowExpandCollapse="True" > <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" /> <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="100%" /> <Resizing AllowColumnResize="False" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"/> <ClientEvents OnGridCreated="GridCreatedHandler_VFC" OnRowSelecting="CancelNonInputSelect" OnRowSelected="GridRowSelectedHandler_VFC" OnRowDeselected="GridRowDeselectedHandler_VFC" /> </ClientSettings> </telerik:RadGrid> </asp:Panel>