css - double border coming in every row of table -

there table have given border. after giving border there double border coming after googling found border-collapse savior. after trying use in every possible way not working.

there double border @ bottom coming want remove.

for better understanding attached screen shot:

i want remove double border coming after each cell.

markup.

<table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse;">     <thead>        <tr>          <th >              login name          </th>          <th>              sheetname          </th>        </tr>    </thead>    <tr>        <td>aaa</td>        <td>abc</td>    </tr>    <tr>        <td>asdfasdf</td>        <td>aasdfsadfbc</td>    </tr> </table> 

css needed provide definite answer. others said, make sure there aren't global css files altering html. appears css has tr {margin-top:10px;} set in it, or providing similar effect.

just out of curiosity, why using html cellpadding attribute? css padding attribute can perform same function , provides more flexibility. find separating styles (css) html make changing , updating easier going modify each inline style.

<table id="table">         <thead>             <tr>                 <th >                     login name                 </th>                 <th>                     sheetname                 </th>             </tr>         </thead> <tr><td>aaa</td><td>abc</td></tr> <tr><td>asdfasdf</td><td>aasdfsadfbc</td></tr>     </table> 

css:

#table {    padding: 10px 5px 10px 5px;    //this shortand top right bottom left    border-collapse: collapse;    //this becoming deprecated , used support older versions of ie }