Grouping on a RadGrid making a gap in the header

[Chris]

When I group a RadGrid from the context menu, the headers all become slightly smaller than the data portion of the columns they are associated with.  The result of this is that a white rectangle appears on the right hand side of the Header Bar.  I have included the html for the grid below and included an attached file containing the image of the event happening.  

I imagine this is something I can rectify by overriding the style for headers when the grouping is applied (Add a pixel or 2 to the RadGrid grouped header border style) but I would like to know if there is something that I should be doing that is more natural to the control itself

<telerik:RadGrid runat="server" ID="rgAMASM" DataSourceID="odsAMASM" AllowPaging="True"
    GridLines="None" Skin="Office2007" AllowSorting="True" Height="347px" OnPageSizeChanged="rgAMASM_PageSizeChanged"
    OnColumnCreated="rgAMASM_ColumnCreated">
    <ClientSettings>
        <Selecting AllowRowSelect="True" />
        <Scrolling AllowScroll="True" UseStaticHeaders="True" />
    </ClientSettings>
    <MasterTableView DataSourceID="odsAMASM" CommandItemDisplay="Bottom" DataKeyNames="Asset_ID">
        <CommandItemSettings ExportToPdfText="Export to Pdf"
            ShowAddNewRecordButton="False" ShowRefreshButton="False">
        </CommandItemSettings>
        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
            <HeaderStyle Width="20px"></HeaderStyle>
        </RowIndicatorColumn>
        <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
            <HeaderStyle Width="20px"></HeaderStyle>
        </ExpandCollapseColumn>
        <EditFormSettings>
            <EditColumn FilterControlAltText="Filter EditCommandColumn column">
            </EditColumn>
        </EditFormSettings>
    </MasterTableView>
    <FilterMenu EnableImageSprites="False">
    </FilterMenu>
    <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
    </HeaderContextMenu>
</telerik:RadGrid>
<asp:ObjectDataSource ID="odsAMASM" runat="server" SelectMethod="WT_BROWSEAMASM"
    TypeName="WorkTech.WTLIB+WTDAL+Functions" OnSelecting="odsAMASM_Selecting" OnSelected="odsAMASM_Selected">
    <SelectParameters>
        <asp:Parameter Name="uid" Type="Int32" />
    </SelectParameters>
</asp:ObjectDataSource>

[Pavlina]

Hi Chris,

Thanks for the sample code. However, we cannot reproduce the alignment issue you are facing. I took the sample code you provided and put it in a sample page following a similar scenario you have. I am attaching the page for your reference. Please let me know if you manage to reproduce what you are getting in this project, and what steps to follow, so that we can test it too.

Additionally, note that due to some browser-specific behavior related to scrolling and padding styles, Firefox3 and IE8 are unable to display the background image in the top-right corner and it is always empty. However, this can be worked around by creating and applying a custom background image to the RadGrid outer <div> element, but this is not a universal solution either (i.e. the positioning of the background image will depend on the existence of a command row, the height of the header row, and the existence and height of the filter row.

CSS

div.MyCustomScrollImage
{
background: 0 0 repeat-x url(......) ;
}

All the best,
Pavlina
the Telerik team