title: Nested table rows HTML CSS
body: <p>I have never much worked with Complex HTML Tables. I need a table with nested columns and rows in it. I tried to create it but it has got many tables as well as number of borders are appearing everywhere. 
  Here is the <a href="http://jsfiddle.net/3s8805rp/1/" rel="nofollow">jsFiddle</a>, that I have tried.
  So, what I'm going to achieve is:</p>
  
  <ul>
  <li>Single <code>&lt;table&gt;</code> tag for all that structure</li>
  <li>Multiple borders should not appear.</li>
  <li>All the structure should be a single table, rows should not separate from its position while resizing the page.(Which happens in my case)</li>
  </ul>