火狐与 谷歌等其他浏览器，对tbody的position和border属性反应不一样我该怎么办

做项目遇到一个问题，其实很简单，但是只有火狐浏览器达到了我想要的效果，其他的都没有！不说废话了，直接上图
下面这个是**在火狐浏览器**上面打开，效果正常，是我想要的结果
就是给tbody绝对定位，然后给它里面的第二个tr（灰色背景的）相对定位，第二个tr的宽度设的是100%，想要的这个tr继承他父级tbody的宽度，但是在谷歌和ie等其他的浏览器打开效果就变了，接着往下看

下面这个**是在谷歌浏览器上**打开的，存在2个问题，
第一个，我给tbody设了10px的上边框，在火狐上边有作用，导致第二个tr往上折叠了一点，这个在谷歌等其他浏览器上面都没有用。
第二个，就是开始我说的，第二个tr的宽度没有继承他父级tbody的宽度。

关于这个问题，我也研究了，之所以是这样的，是因为我给tbody的css修饰没起到作用，我在谷歌浏览器上操作了一下，把tbody的这个position:relative;和border这两个属性去掉不去掉是一样的效果
在火狐浏览器上面把position:relative;这个属性去掉加上就有区别。

然后我确定给tbody修饰的css属性，火狐浏览器识别并渲染了，但是谷歌等其他浏览器都没有就识别，但是就是不明白为什么，有没有大神帮我解释一下呀，然后我该怎么办才能让第二个tr的宽度跟tbody的是一样的，

最后说明一点，不能说给tbody和tr设置一个固定像素的宽度，因为我是让他跟着屏幕的分辨率而改变他自己的宽度，所以是要用百分比作为宽度的单位的哦；

有没有大神帮我这个单双轮休的苦逼解决一下呀，已经苦恼我好多天了，也查了很多资料，貌似没有找到关于这个问题的的，所以只能。。。。
最后最后最后，十分感谢呀！！这是我第一次发帖呀呀呀呀！！！还有一个小时就下班儿，俺在线等，希望下周一能把这个问题解决了呀

最后看我写的这一部分代码

<table class="table table_list mt20">
                <tbody>
                    <tr class="">
                        <td>dsfsd<label class="selectBeautiful"><input type="checkbox"  /><i>✓</i></label></td>
                        <td>{{items.billNo}}</td>
                        <td>{{items.billDate}}</td>
                        <td>{{items.nodeOrgDesc}}</td>
                        <td>{{items.disCount}}</td>
                        <td>{{items.ioAmt}}</td>
                        <td>{{items.actualAmt}}</td>
                        <td>{{items.transDesc}}</td>
                    </tr>
                    <tr class="sales_trbj">
                        <td colspan="8">
                            <span class=""><i class="iconfont icon-zaicilinmo" title=""></i>再次下单</span>
                            <span class=""><i class="iconfont icon-xiangqing" title="编辑"></i>编辑</span>
                            <span class=""><i class="iconfont icon-yidayin" title=""></i>打印</span>
                        </td>
                    </tr>
                    <style type="text/css">
                        /*table{position:relative;}*/
                        table tbody{border-top:10px solid blue;position:relative;}
                        .sales_trbj{position:absolute;background:rgba(0,0,0,.5);width:100%;}
                    </style>
                </tbody>
            </table>

检查一下Html的头文件版本记号，以及css里的设置。

tr和tbody这些元素是不可以直接定义css样式的，只能给td、th加样式，通过td、th来做吧