ie文本框获得焦点用css美化的问题

ie中文本框获得焦点（ie9），做以下操作，一定要禁止使用border-collapse:collapse; 属性

发现这个问题的原因是，我用table表格来布局大量的表单元素，发现早ie中table中所有的input文本框的鼠标获得焦点的css样式都不能正常显示。

找到了这个问题，把border-collapse:collapse;
属性去掉就可以了。。我也不清楚原理是什么

input[type='text'],input[type='password'],select,textarea{border: 1px solid #ccc;}
input[type='text']:focus,input[type='password']:focus,textarea:focus{outline:none;border-radius:2px;border:1px solid #9ecaed;border-color: #9ecaed;box-shadow: 0 0 10px #9ecaed;}
select:focus{outline:none;border-radius:2px;}上诉代码的显示效果：



遇到此类问题的可以参考下，欢迎指正错误~~