title: content and wrapper does not extend properly when content extends
body: <p>I am having a problem with my web page, because I have a wrapper around all element of the page (header,navigation menu and content) when the content expands due to the amount of data to display it would go over the wrapper without pushing it down, but on IE7 it does expand the wrapper.</p>
  
  <p>It is driving me crazy, and I can not figure out why it is doing this.</p>
  
  <p>Sorry for the code, as it may have too many divs, but I dont know any other way to create round corner.</p>
  
  <p>code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;Untitled Page&lt;/title&gt;
  
  
  
      &lt;script type="text/javascript" src="greybox/AJS.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="greybox/AJS_fx.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="greybox/gb_scripts.js"&gt;&lt;/script&gt;
      &lt;link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" /&gt;
  
      &lt;style type="text/css"&gt;
      *
      {
          padding:auto;
          margin:auto;
          text-align:center;
          }
      div
      {
          text-align:left;
          display:block;
  
          }
      &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body style=""&gt;
      &lt;form id="form1" runat="server"&gt;
  
  
      &lt;!--Main div container--&gt;
  &lt;div style="background-image:url('Images2/Content/WrapTop.gif');width:1210px;height:18px;background-repeat:no-repeat;margin-top:10px;" &gt;&lt;/div&gt;
  &lt;div style="background-image:url('Images2/Content/WrapMid.gif');width:1210px;min-height:900px;display:block;background-repeat:repeat-y;"&gt;
  &lt;!--Menu container--&gt;
  &lt;!--Heading--&gt;
  &lt;div style="width:1210px;height:132px;background-image:url('Images2/Heading/Heading.gif');background-repeat:no-repeat;"&gt;
  &lt;div style="width:1046px;height:6px;background-repeat:no-repeat;"&gt;&lt;/div&gt;
  &lt;div style="width:1046px;height:96px;background-image:url('Images2/Heading/tiltle.gif');background-repeat:no-repeat;"&gt;&lt;/div&gt;
  &lt;div style="width:1046px;height:3px;display:block;"&gt;&lt;/div&gt;
  &lt;!--Top Menu--&gt;
  &lt;div style="width:1200px;height:25px;text-align:justify;padding-bottom:-10px;"&gt;
  &lt;a href="#" style="background-image:url('Images2/Heading/TopMenu.gif');width:176px;height:25px;margin-left:8px;margin-right:8px;display:block;float:left"&gt;&amp;#160;&lt;/a&gt;
  &lt;a href="#" style="background-image:url('Images2/Heading/TopMenu.gif');width:176px;height:25px;margin-left:8px;margin-right:8px;display:block;float:left"&gt;&amp;#160;&lt;/a&gt;
  &lt;a href="#" style="background-image:url('Images2/Heading/TopMenu.gif');width:176px;height:25px;margin-left:8px;margin-right:8px;display:block;float:left"&gt;&amp;#160;&lt;/a&gt;
  &lt;a href="#" style="background-image:url('Images2/Heading/TopMenu.gif');width:176px;height:25px;margin-left:8px;margin-right:8px;display:block;float:left"&gt;&amp;#160;&lt;/a&gt;
  &lt;a href="#" style="background-image:url('Images2/Heading/TopMenu.gif');width:176px;height:25px;margin-left:8px;margin-right:8px;display:block;float:left"&gt;&amp;#160;&lt;/a&gt;
  &lt;a href="#" style="background-image:url('Images2/Heading/TopMenu.gif');width:176px;height:25px;margin-left:8px;margin-right:8px;display:block;float:left"&gt;&amp;#160;&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;!--Container of menu and subcontainer--&gt;
  &lt;div style="width:1212px;min-height:750px;margin-top:60px;margin-left:15px;"&gt;
  &lt;!--Menu--&gt;
  &lt;div style="width:274px;float:left;"&gt;
  &lt;div style="float:left"&gt;
  &lt;div style="width:272px;height:39px;background-image:url('Images2/menu/MenuTop.gif');color:White;"&gt;&lt;asp:LinkButton ID="LinkButton1" runat="server" Text="Electronics" OnClientClick="FindSubCats(560864, 'SearchSubCatsOne');return false;" /&gt;&lt;/div&gt;
  &lt;div id="SearchSubCatsOne" style="width:272px;height:auto;background-image:url('Images2/Menu/menuMid.gif');background-repeat:repeat-y;"&gt;&lt;/div&gt;
  &lt;div style="width:272px;height:14px;background-image:url('Images2/Menu/menuBottom.gif');"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="float:left"&gt;
  &lt;div style="width:272px;height:39px;background-image:url('Images2/Menu/MenuTop.gif');"&gt;&lt;/div&gt;
  &lt;div id="SearchSubCatsTwo" style="width:272px;height:auto;background-image:url('Images2/Menu/menuMid.gif');background-repeat:repeat-y;"&gt;&lt;/div&gt;
  &lt;div style="width:272px;height:14px;background-image:url('Images2/Menu/menuBottom.gif');"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="float:left"&gt;
  &lt;div style="width:272px;height:39px;background-image:url('Images2/Menu/MenuTop.gif');"&gt;&lt;/div&gt;
  &lt;div id="SearchSubCatsThree" style="width:272px;height:auto;background-image:url('Images2/Menu/menuMid.gif');background-repeat:repeat-y;"&gt;&lt;/div&gt;
  &lt;div style="width:272px;height:14px;background-image:url('Images2/Menu/menuBottom.gif');"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;!--Content Menu--&gt;
  &lt;div style="width:802px;float:left;min-height:650px"&gt;
  &lt;div style="float:left;margin-left:10px;"&gt;
  &lt;div style="width:800px;height:37px;background-image:url('Images2/Content/contentTop.gif');"&gt;&lt;/div&gt;
  &lt;div   style="width:800px;min-height:650px;background-image:url('Images2/Content/contentMid.gif');background-repeat:repeat-y;display:block;"&gt;
  &lt;div id="Products" style="width:800px;min-height:650px;display:block;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div style="width:800px;height:13px;background-image:url('Images2/Content/contentBottom.gif');"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style="background-image:url('Images2/Content/WrapBottom.gif');width:1210px;height:15px;background-repeat:no-repeat;" &gt;&lt;/div&gt;
  
  
  
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>