title: How to Align 3 DIVs next to each other?
body: <p>I'm needing to create 3 DIVs in a footer container DIV that are aligned left, middle and right.  All the CSS examples I've seen make use of floats as I've done.  However, for some reason DotNetNuke is not parsing the CSS correctly.  I'm finding that the left pane is floating correctly, but the right and middle panes are positioned immediately below it instead of next to it.  Here's a snippet from my ascx file:</p>
  
  <pre><code>&lt;div id="footer"&gt;
  &lt;div id="footerleftpane" runat="server"&gt;
      &lt;dnn:LOGO id="dnnLogo" runat="server" /&gt;
      &lt;h3&gt;Driving business performance.&lt;/h3&gt;
      &lt;h3&gt;Practical Sales and Operations Planning&lt;/h3&gt;
      &lt;h3&gt;for medium sized businesses.&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div id="footerRightPane" runat="server"&gt;
      &lt;dnn:COPYRIGHT id="dnnCopyright" runat="server" /&gt;&lt;br /&gt;
      &lt;dnn:PRIVACY id="dnnPrivacy" runat="server" /&gt;
      &lt;dnn:TERMS id="dnnTerms" runat="server" /&gt;
  &lt;/div&gt;
  &lt;div id="footerMidPane" runat="server"&gt;
  &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the relevant portion of my CSS file:</p>
  
  <pre><code>#footer
  {
  width: 960px;
  border: 1px;
  }
  #footerleftpane
  {
  width: 300px;
  float: left;
  }
  #footerRightPane
  {
  width: 300px;
  float: right;
  }
  #footerMidPane
  {
  padding:10px;
  }
  </code></pre>
  
  <p>What changes should I make to above to achieve the desired layout?</p>
  
  <p>Update:  I tried suggested change but the layout is still not working as seen on <a href="http://salesandoperationsplanning.net/">this salesandoperationsplanning.net page that demonstrates what I want</a>.</p>