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. div .box - маленькие прямоугольники внутри div cpanel. и эти коробки каким-то образом имеют 1px белые границы, которые присутствуют в хроме. Я хочу удалить эти границы. Благодарю.

Answer 1

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

Answer 2

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

Я предлагаю также сделать простой ctrl + f в файле css для «сплошной белый».