Gridview data over the DIV

Question

Hi friend and expert ,
  I'm new for ASP.Net anyway will practice .

I need help . I wonder why for  my  Master page and  Default page.
Master page, I already created  the style .

I place gridview to Default.cs page and already set the width and height but , the result data is over the  div .

I place the  code as below.


<asp:Content ID="Content7" ContentPlaceHolderID="Content1" runat="server">
  <asp:GridView ID="GridView1" runat="server" Height="145px" Width="354px"
  AllowPaging="True" BackColor="LightGoldenrodYellow" BorderColor="Tan"
  BorderWidth="1px" CellPadding="2"
  DataSourceID="SqlDataSource1" ForeColor="Black" GridLines="None"
  BorderStyle="Solid" HorizontalAlign="Left" AllowSorting="True">
  <AlternatingRowStyle BackColor="PaleGoldenrod" />
  <Columns>
  <asp:CommandField ShowSelectButton="True" />
  </Columns>
  <FooterStyle BackColor="Tan" />
  <HeaderStyle BackColor="Tan" Font-Bold="True" />
  <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue"
  HorizontalAlign="Center" />
  <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
  <SortedAscendingCellStyle BackColor="#FAFAE7" />
  <SortedAscendingHeaderStyle BackColor="#DAC09E" />
  <SortedDescendingCellStyle BackColor="#E1DB9C" />
  <SortedDescendingHeaderStyle BackColor="#C2A47B" />
  </asp:GridView>
  <asp:SqlDataSource ID="SqlDataSource1" runat="server"
  ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
  SelectCommand="SELECT [ProductID], [ProductName], [UnitPrice], [QuantityPerUnit] FROM [Alphabetical list of products]">
  </asp:SqlDataSource>
</asp:Content>


Help me please..



Natchaya