Границы и размеры не работают в Firefox

Question

Я искал решение этой проблемы в течение нескольких часов, но я до сих пор не могу найти его!Мой новый персональный сайт отлично работает в браузерах webkit, но форматирование в Firefox испортилось.Во-первых, у рисунков есть границы, а во-вторых, в каждом ряду только два, когда должно быть три.Я использую CSS для содержания ниже:

.imagewrapper {
    display: inline-table;
    margin: 20px;
    margin-bottom: 10px;
}
.imagedisplay {
    height: 122px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.imagedisplay:hover {
    height: 122px;
    opacity:0.4;
    border-o
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

Любая помощь будет принята с благодарностью.Заранее спасибо

Answer 1

Строка перед -moz-border-radius недействительна и не закрыта. Он продолжается до следующей строки, поскольку нет точки с запятой, и ест что-либо до следующей точки с запятой.

border-o                     /* <--- Here lies the problem. Remove it. */
-moz-border-radius: 7px;