title: Div Background Does Not Show
body: <p>I have a strange problem.</p>
  
  <p>Background that was set by CSS for <code>.article-container</code> and <code>&lt;article&gt;</code> does not displays at all (neither image nor color). Background that was set for <code>&lt;article&gt;</code> children displays property.</p>
  
  <p><strong>The page:</strong> <a href="http://new.elenaakulova.com.ua/" rel="nofollow">http://new.elenaakulova.com.ua/</a>.</p>
  
  <p>Or <strong>the code:</strong></p>
  
  <pre><code>&lt;div id="article-container"&gt;
    &lt;article id="about-me"&gt;
      &lt;div id="photo"&gt;
        &lt;img src="http://placehold.it/300x404" width="300px"&gt;
      &lt;/div&gt;
      &lt;div id="description"&gt;
        &lt;hgroup&gt;
          &lt;h2&gt;психолог&lt;/h2&gt;
          &lt;h1&gt;Вася Пупкин&lt;/h1&gt;
        &lt;/hgroup&gt;
        &lt;p&gt;Здравствуйте!&lt;/p&gt;
      &lt;/div&gt;
    &lt;/article&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>#article-container {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background: white;
  }
  
  #article-container &gt; article {
    background: white;
  }
  
  #about-me #description {
    float: left;
    background: blue;
  }
  </code></pre>