How fix table header for following Table format : I have table in HTML format as follows:

    <html>
    <head>
	    <link rel="stylesheet" href="style.css">
	
    </head>
    <body>
	<table class="report" border="0" cellspacing="0">
	<tbody>
		<tr>
			  <th class="xbrl-review" rowspan="2"></th>
              <th class="tl custom-border" colspan="1" rowspan="2">
                <div style="width: 200px;"><strong>Document and Entity Information<br></strong></div>
              </th>
              <th class="xbrl-review"></th>
              <th class="th" colspan="1">3 Months Ended</th>
              <th class="xbrl-review"></th>
              <th class="th" colspan="1"></th>
		</tr>
		<tr>
			<th class="xbrl-review"></th>
              <th class="th">
                <div class="xbrl-prop-context">
                  <div>
                    <div>Sep. 30, 2014</div>
                  </div>
                </div>
              </th>
              <th class="xbrl-review"></th>
              <th class="th">
                <div class="xbrl-prop-context">
                  <div>
                    <div>Nov. 07, 2014</div>
                  </div>
                </div>
              </th>
		</tr>
		<tr class="re">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border ex"><a class="a xbrl-prop-element"href="javascript:void(0);" style="margin-left:0em;"><i class="icon-star blue">&#xA0;</i><strong><span class="xbrl-data-text">Document and Entity Information</span></strong></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">&#xA0;</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">&#xA0;</span></td>
        </tr>
        <tr class="re">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Entity Central Index Key</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border" ><span class="xbrl-data-text">0001501078</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border" ><span class="xbrl-data-text">111111111</span></td>
        </tr>
        <tr class="re">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Entity Central Index Key</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border" ><span class="xbrl-data-text">0001501078</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border" ><span class="xbrl-data-text">2222222</span></td>
        </tr>
        <tr class="ro">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Document Type</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">10-Q</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">3333333</span></td>
        </tr>
        <tr class="re">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Document Period End Date</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">Sep. 30,
         2014</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">4444444</span></td>
        </tr>
        <tr class="ro">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Amendment Flag</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">false</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">true</span></td>
        </tr>
        <tr class="re">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Current Fiscal Year End Date</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">--06-30</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">4566756</span></td>
            </tr>
            <tr class="ro">
              <td class="xbrl-review"></td>
              <td valign="top" class="pl custom-border"><a class="a xbrl-prop-element" href="javascript:void(0);" style="margin-left:1em;"><span class="xbrl-data-text">Entity Filer Category</span></a></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">Smaller Reporting Company</span></td>
              <td class="xbrl-review"></td>
              <td class="text xbrl-prop-data custom-border"><span class="xbrl-data-text">Harshal</span></td>
            </tr>
	</tbody>
    </table>	
    </body>
    </html>

Along with html following style is applied to it.

    th.th{
     position: fixed;
     background-color:white;  
    }
    th.tl{
     position: fixed;  
     background-color:white; 
    }

Right now `td` content are also going to move towards top and below to `th` so it is totally messed up.
My expectation is well formatted Html with fix Table Header. Please help me out.  