html - FF 显示不需要的边框

Question

我有一个 div 元素，在 Chrome 中显示正常，但 Firefox 出于某种原因决定在它周围放置一个边框。让我在这里分享 CSS:

#cpanel {
    width: 320px;
    height: 75px;
    position: absolute;
    //left: 28%;
    //top: 32%;
    z-index: 9996;
    //visibility: hidden;
    display:none;
}

.box {
    z-index:9997;
    //border: 1px solid #000;
    width: 75px;
    height: 75px;
    float:left;
    margin-left: 2px;;
    /*display: block;*/
    background-color: #000;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);      
}
.box .text{
    width: 75px;
    text-align: center;
    color: white;
    position: absolute;
    //top: 40%;
    z-index: 9998;
}
#cpanel.on {
    visibility: visible;
}

cpanel 是最外层的 div。 .box div 是 cpanel div 内的小盒子。并且这些框以某种方式具有 1px 白色 边框，而这些边框在 chrome 中不存在。我想删除那些边界。谢谢。

Answer 1

使用 FireBug 插件查看 CSS 并查看边框的来源。