title: set background color with div
body: <p>I have a div with specific background color and the data within my page has the same background color. I want to show the same color to the entire page. Please find the fiddle : <a href="http://jsfiddle.net/0w9yo8x6/48/" rel="nofollow">http://jsfiddle.net/0w9yo8x6/48/</a>.
  The red color is seen only till data appears, if i add extra table we can see the background red color, i want to show the entire page with the same red color irrespective of the data is present or not.Please suggest. I should not give bgcolor to the body tag. What modification should i do to the existing css in order to show the red color to the entire page even if data is not available.</p>
  
  <p>Sample code:</p>
  
  <pre><code>&lt;div class="myDiv"&gt;  
  
  &lt;br/&gt;&lt;br&gt;&lt;br&gt;
  &lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;td class="myData"&gt;Data1&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td class="myData"&gt;Data2&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td class="myData"&gt;Data3&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;br&gt;
      &lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;td class="myData"&gt;Data1&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td class="myData"&gt;Data2&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td class="myData"&gt;Data3&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>.myDiv{
      width:100%;
      height:100%;
      background:red;
  }
  </code></pre>
  
  <p>--EDIT--
  I should not use body bgcolor as mentioned. With existing CSS code of myDiv i want to display the red color 90% of my entire page. Thanks.</p>