I'm using the datagrid to display a list of products, but I don't want any headers or footers to appear.  I have showheader set to false, but I'm still getting some of the header showing up.

My code is here

                <ig:WebScriptManager ID="WebScriptManager1" runat="server">
                </ig:WebScriptManager>

                 <ig:WebDataGrid ID="TypeGrid" runat="server" StyleSetName="Claymation" DataKeyFields="ProductId"
                    AutoGenerateColumns="false" ShowHeader="false" ShowFooter="false" EnableAjax="false"
                    EnableAjaxViewState="True" EnableDataViewState="True" EnableTheming="False" BorderWidth="0"
                    BorderStyle="None" AjaxIndicator-BlockArea="NotSet" Width="100%" BackColor="White" Visible="true">
                    <Columns>
                        <ig:TemplateDataField Key="name">
                            <HeaderTemplate><table></table></HeaderTemplate>
                            <ItemTemplate>
                                <div class="product">
                                    <img src="/images/products/<%# Eval("SmallImagePath").ToString() %>" /><a
                                        href="/<%#  Eval("ModelNumber").ToString() %>"><b>
                                            <%#  Eval("ShortDescription").ToString()%></b></a>
                                    <br />
                                    <%# Eval("Name") %>
                                    <br />
                                    <br />
                                    <a class="ptag" href=""><span>
                                        <%# String.Format("{0:c}", Eval("ActualPrice").ToString() ) %></span></a><a
                                            href="" class="add">add to cart</a><a href="" class="request">request a quote</a>
                                </div>
                            </ItemTemplate>
                        </ig:TemplateDataField>
                    </Columns>
                    <Behaviors>
                        <ig:Filtering Enabled="false"></ig:Filtering>
                        <ig:Sorting Enabled="false"></ig:Sorting>
                        <ig:Paging Enabled="true" PageSize="30">
                        </ig:Paging>
                    </Behaviors>
                </ig:WebDataGrid>

A screenshot of what I'm seeing is attached.

How do I make that area disappear?  Do I need to make a custom style that doesn't have that style in it? I've tried using different stylesets, but none seem to affect that area. Shouldn't Showheader="false" remove that?

 If i look at the page source, I even see this in the area that shouldn't be appearing.

<input type="hidden" id="maincontentarea_0_TypeGrid_clientState" name="maincontentarea_0_TypeGrid_clientState" /><div id="maincontentarea_0_TypeGrid" class="ig_ClaymationControl igg_ClaymationControl" style="background-color:White;border-width:0px;border-style:None;width:100%;overflow:hidden;visibility:hidden;height:auto;"><table cellpadding="0" cellspacing="0" border="0" id="x:148960998.0:mkr:outerTbl.hdn" style="table-layout:fixed;width:100%;"><tr><td><table cellpadding="0" cellspacing="0" border="0" id="x:148960998.1:mkr:contentTbl" style="table-layout:fixed;width:100%;"><tbody id="x:148960998.2:mkr:headingArea" /><tbody><tr><td style="vertical-align:top;"><div id="x:148960998.3:mkr:container" style="overflow:hidden;"><table cellspacing="0" cellpadding="0" border="0" style="table-layout:fixed;width:100%;visibility:hidden" id="x:148960998.4:mkr:dataTbl.hdn"><tbody id="x:148960998.216:mkr:rows:nw:1" class="ig_ClaymationItem igg_ClaymationItem"><tr id="x:148960998.217:adr:0:tag:"><td>                                <div class="product">     

Thanks for any help!