CSS边框未显示-在chrome inspector中，但不在窗口中

我试图在我的表行底部加上边框，但它没有出现，我不知道为什么。border属性显示在google chromes元素检查器中，但不显示在浏览器窗口中。有什么想法吗

table.sidebar
{
     *border-collapse: collapse; //IE7 and lower
     border-collapse: collapse;
     border-spacing: 0;
     width: 100%;
     height: auto;
     padding: 0;
     background-color: #ffffff;
     border: 1px solid grey;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     border-radius: 10px;
}
table.sidebar th:first-child
{
     background-color: #DCE2F1;
     -moz-border-radius: 10px 10px 0 0;
     -webkit-border-radius: 10px 10px 0 0;
     -khtml-border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0;
     font: bold 13px arial, helvetica, sans-serif;
     letter-spacing: 2px;
     text-shadow: 1px 1px 2px #b5b5b5;
     color: #2a4982;
     padding-top: 5px;
     padding-bottom: 5px;
}
table.sidebar tr
{
     border-bottom: 1px solid grey;
}
table.sidebar td 
{
     padding: 5px 5px 5px 10px;
}
table.sidebar td:last-child
{
     -moz-border-radius: 0 0 10px 10px;
     -webkit-border-radius: 0 0 10px 10px;
     -khtml-border-radius: 0 0 10px 10px;
     border-radius: 0 0 10px 10px;
}

无法将边框属性添加到元素中。可以通过将边框底部应用于标记来实现相同的功能

---

你能添加你的html，也许还有一把小提琴吗？

table.sidebar td 
{
    border-bottom: 1px solid grey;
    padding: 5px 5px 5px 10px;
}