title: Html Divs going underneath another DIv Automatically
body: <p>I have a couple divs and they are set up to be sepereate. but when I load the page they all go underneath the first div that is created. So the example below SiteFullControl is the first div, everything just falls underneath here when the page load. any ideas?</p>
  
  <pre><code> &lt;div id="SiteFullControl" &gt;
      &lt;fullcontrol:FullAlbum runat="server" ID="FullControlAlbum" /&gt;
  &lt;/div&gt;
   &lt;div id="SitePartialControl" &gt;
      &lt;partialalbum:partialalbum ID="partialcontrolalbums" runat="server" /&gt;
  &lt;/div&gt;
  &lt;div id="SiteViewOnlyAlbums" class=""&gt;
      &lt;viewonly:viewonly ID="viewonlyalbums" runat="server" /&gt;
  &lt;/div&gt;
  &lt;div id="SitePublicAlbums" class=""&gt;
      &lt;publicalbum:publicalbum ID="publicalbum" runat="server" /&gt;
  &lt;/div&gt;
  &lt;div id="SiteFavoriteAlbums" class=""&gt;
      &lt;favoritealbum:favoritealbum ID="favoritealbum" runat="server" /&gt;
  &lt;/div&gt;
  &lt;div id="SiteFriends" class=""&gt;
      &lt;friends:friends ID="friend" runat="server" /&gt;
  &lt;/div&gt;
  &lt;div id="SiteCreateAlbum" class=""&gt;
      &lt;createalbum:createalbum ID="createalbums" runat="server" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Example of whats happen when the page load</p>
  
  <pre><code>&lt;div id="SiteFullControl" &gt;
  &lt;fullcontrol:FullAlbum runat="server" ID="FullControlAlbum" /&gt;
  </code></pre>
  
  
      
  
  
  <p></p>
  
  <p>I checked the css with firebug and it does not have any position for the css.</p>