html在IE11的环境下打开后滚动条问题

<html> 
<head> 
</head> 
<body> 
<table id="tableGridOuter" border="0" cellpadding="0" cellspacing="0"> 
        <tbody> 
                <tr> 
                        <td style="position: relative;"> 
                                <div id="divGridScroll2" style="position: relative; width: 1155px; height: 16px; overflow-x: scroll; overflow-y: hidden;"><div style="width: 4508px; height: 10px;"></div></div> 
                              </td> 
                      </tr> 
        </tbody> 
</table> 
</body> 
</html>

以上是自己写一段HTML,用IE11打开只有拖着方块才可以移动
点击两边的箭头和滚动条的间隙都没有用
但是放在chrom里就没问题

想问下各位大神有知道是哪里不对的么,十分感谢!!

id 为 divGridScroll2 的height的值设置大一点,例如20px就可以了!

请问有没有不让文本内容显示,只有滚动条的方法

就是让滚动条覆盖上面的内容但是还能动(今天尝试了下将height调到了只让文本剩一条线的大小,但是想更完美一点)

如此简单的问题,说明自己都不会找找