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 white , которых нет в chrome. Я хочу удалить эти границы. спасибо.

Answer 1

Используйте плагин FireBug, чтобы просмотреть CSS и увидеть, откуда исходит граница.

Answer 2

Вероятно, у вас раздутый CSS-файл, и вы потеряли в нем :) Самое простое решение - просто добавить границу: ни одного в класс .box. Конечно, может помочь поиск источника плохой границы, но он может понадобиться где-то еще и не может быть удален.

Я предлагаю также сделать простые ctrl + f в файле css для 'solid white'.