在Chrome表格边框会被切去与边界崩溃和高度100％

我使用下面的代码在Chrome：在Chrome表格边框会被切去与边界崩溃和高度100％

<!DOCTYPE html> <html lang="en"> 
    <head> <style> td { 
    border: 1px solid; } 
    table { 
     border-collapse: collapse; 

    } 
    </style>  




    </head> 
    <body> <div style=" 
    height: 50px; overflow: hidden; " class="clearfix"> <table style=" 
    height: 100%; "> 
     <tbody><tr><td style=" 
    border: 1px solid; ">Test 1</td> 
     <td style=" 
    border: 1px solid; ">Test 2</td> 
     <td style=" 
    border: 1px solid; ">Test 3</td> 
     <td>Test 4</td> 
     <td>Test 5</td> 

     </tr></tbody></table></div> 
    </body> 

</html>

和表格的边框似乎被裁剪。如果我删除边框崩溃，它似乎不被剪裁。在Firefox中，它工作正常。