.net - aspx GridViewはDIVを100％に強制します

Question

並べて表示したいグリッドビューが3つあります。私はそれらを別々のDIVブロックに持っていますが、最初のDIVは常にブラウザー幅の100％で表示されます。他の人を整列させるためにCSSで何をしても、このDIVはすべてを押し下げます。

3つすべてが同じCSSを共有している場合でも、他の2つのDIVにはこの問題はないようです。

このリンクは、ネストされたDIVで何が起こるべきかを説明していますが、この場合はそうではありません。ブラウザは、ページの幅にまたがるコンテンツがあると考えているようです。しかし、どのようなデータですか？または、どうすれば無効にできますか？

DIVとGridViewsの幅、フロート、表示のすべての可能な順列を変更しても、まったく違いはありません。

グリッドビューコードは次のとおりです（3つのグリッドビューはすべて実質的に同一であり、それぞれ2つの小さな列が表示されます）。

<div id="pending_registrations">

                     <asp:GridView ID="gvuserProfiles" runat="server"
                        OnRowCommand="gvuserProfiles_RowCommand"
                        AutoGenerateColumns="False" 
                        GridLines="None"
                        CssClass="grid" 
                        AlternatingRowStyle-CssClass="alt">

                        <Columns>
                            <asp:TemplateField HeaderText="Registrations">
                                <ItemTemplate>
                                 ...snip...
                                </ItemTemplate>
                            </asp:TemplateField>


                            <asp:TemplateField HeaderText="Type">
                                <ItemTemplate>
                                   ...snip...
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>

                    </asp:GridView>

     </div>

CSSは（私の最新バージョン）です：

 #pending_registrations{
       display:inline-block;
       vertical-align:top;
 }

これは、Firebugが最初のDIVの幅を示している3つのDIVの写真です。ご覧のとおり、次の2つのDIVはインラインで問題なく表示されます。