title: ASPX Master Pages with DIV to be side by side
body: <p>Need help. 
  I cannot figure out why I cannot place div side by side in the child .aspx of master page.</p>
  
  <p>The code works if I hardcode the style like this </p>
  
  <pre><code>&lt;div id="pagemiddleleft" style="float:left;"&gt; 
  </code></pre>
  
  <p>But when I move the style into the CSS file, the div's refuse to sit side by side.</p>
  
  <p>Below is the child code</p>
  
  <pre><code>&lt;%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master"
  AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %&gt;
  
  &lt;asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"&gt;
  &lt;div id="pagetop"&gt;
  &lt;/div&gt;
  &lt;div id="pagemiddle"&gt;
          &lt;div id="pagemiddleleft"&gt;111111
          &lt;/div&gt;
          &lt;div id="pagemiddlecenter"&gt;111111
          &lt;/div&gt;
          &lt;div id="pagemiddleright"&gt;111111
          &lt;/div&gt;
          &lt;div style="clear: both"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="pagebottom"&gt;
  &lt;/div&gt;
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>Below is an extraction of the Master Page</p>
  
  <pre><code> &lt;div class="page"&gt;
      &lt;div class="main"&gt;
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"/&gt;
      &lt;/div&gt;
      &lt;div class="clear"&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Below is the CSS portion for the child aspx page</p>
  
  <pre><code>#pagemiddleleft {
  float: left; background-color: #FFFF00;}
  
  #pagemiddlecenter {
  float: left; background-color: #00FFFF;}
  
  #pagemiddleright {
  float: right; background-color: #FF00FF;}
  </code></pre>