CSS Sticky Footer Menu - макет нарушен при проверке элемента

Question

Я создал меню нижнего колонтитула css, которое отлично работает, кроме случаев, когда вы проверяете элемент с помощью FF, меню нижнего колонтитула увеличивается примерно на 100 пикселей. Поэтому, когда окно Firebug видно, меню плавает на полпути вверх по странице!?

Я установил body и html на высоту 100%, а также у меня есть контейнер div с высотой 100% ... Есть идеи?

РЕДАКТИРОВАТЬ: я только что попытался установить переполнение контейнера div: авто. Меню больше не плавает наполовину вверх по странице, но у меня есть вертикальные полосы прокрутки ??

Соответствующий CSS:

#menu {
width: 960px;
height: 100px;
position: absolute;
bottom: 0px;
background-color: rgba(65, 64, 64, 0.75);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

Answer 1

Кросс-браузерные CSS-заголовки невозможно сделать с помощью одного правила. Я рискнул бы поспорить, это не будет работать в IE. Для надежного оборудования для слипания нижнего колонтитула css здесь

Answer 2

у вас должно быть меню вне контейнера прямо под

Answer 3

Вы должны принять во внимание, что когда firebug загружается, он на самом деле публикует свои собственные стили, чтобы выделить элемент (ы). Вы можете попробовать осмотреть элемент в Chrome / Safari для менее инвазивного выделения.

Надеюсь, это поможет.