title: color a div inside a td using css
body: <p>I have simple need to color a div inside a td element.
   If I use position:absolute the colored div fills up the entire screen, If I use relative nothing happens..</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;table width="100%" border="1"&gt;
      &lt;tr height= "200px"&gt;
          &lt;td&gt;
              &lt;div style="width: 100%; height: 100%; z-index: 0; background-color: green; position:relative; top: 0; left: 0;"&gt;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div style="width: 100%; height: 100%; z-index: 0; background-color: red; position:relative; top: 0; left: 0;"&gt;&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;    
  &lt;/table&gt;
  </code></pre>
  
  <p>Any help is sincerely appreciated..</p>
  
  <p>Thanks</p>