Горизонтальное меню в firefox выглядит криво

[stuffy]

Есть вот такое меню

ul.down {
                width: 80%;
                margin-right: 35%;
                margin-left: 25%;
                font-size: 21px; /* размер шрифта */	
}
 ul.down li {
                background: none!important;
                display: inline-block;
                margin-right: 15px;
                margin-top: 8px;
                moz-margin-top: 0;
                list-style-type: none;	
}
 ul.down a {
                background: none;
                color:#fff;
	        height: 36px; /* высота кнопки*/	
	        overflow: hidden; /* запрещаем обтекание */		
	        font: 13pt/20pt Arial Black;	
	        text-decoration:none; /* убираем подчеркивание ссылки */
}
 ul.down li.active a, ul.down li a:hover {
	        color: white;
                background: none;
                border-left: 5px #96C93D solid;
                border-right: 5px #96C93D solid;
                border-top: 5px #96C93D solid;
                border-bottom: 1px #96C93D solid;
                border-radius: 15px 15px 1px 1px;
                padding-left: 5px;
                padding-right: 5px;

В Опере и Хроме оно выглядит вот так . То есть правильно, как я задумывал. А вот в ФФ вот так:

и это не правильно

Подскажите пожалуйста, как сделать, чтобы меню во всех браузерах выглядело как на первом скрине?

[sasha^]

дай ссылку на страницу с проблемой.

тогда о чем-то можно говорить, а то вдруг у тебя снизу идет блок, к примеру, с абсолют позишн

[stuffy]

Сразу забыл добавитьhttp://cap.dp.ua/

Edited July 17, 2012 by stuffy