title: Positioning 3 content boxes next to each other
body: <p>I have a main container called content, within that container I have 3 divs. Now I want them to be aligned next to each other like so: X X X. In a tutorial I read that I should float them all to the left. This works for the first 2 but the third one never appears. I'm sure the path is correct, because when I put it as second it does show up. Can somebody help me?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="content"
      &lt;div id="about_us"&gt;&lt;/div&gt;
      &lt;div id="our_services"&gt;&lt;/div&gt;
      &lt;div id="contact_us"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#content {
  width: 1200px;
  height: 254px;
  }
  
  #about_us {
  background-image: url(../website/images/about_benshore.png);
  width: 307px;
  height: 183px;
  float: left;
  margin-top: 26px;
  margin-left: 119px;
  }
  
  #our_services {
  background-image: url(../website/images/our_services.png);
  width: 308px;
  height: 184px;
  float: left;
  margin-top: 26px;
  margin-left: 23px;
  }
  
  #contact_us {
  background-image: url(../website/images/contact_us.png);
  width: 307px;
  height: 183px;
  float: left;
  margin-top: 26px;
  margin-left: 23px;
  }
  </code></pre>