У меня проблема с выравниванием фиксированного нижнего колонтитула в IE и FF. Хром, кажется, отрисовывает страницу нормально! Вот что я получаю в Chrome:
Нижний колонтитул отображается в правильном положении. Вот что я получаю в IE и FF. Выравнивание нижнего колонтитула ухудшается:
Вот мой HTML-код:
<div id="page-wrap" class="container_12">
<header id="header" class="grid_12">
<!-- header content and main navigation -->
</header>
<div id="content" class="grid_12">
<!-- slider and content goes here! -->
</div>
<footer id="footer" class="grid_12">
<div class="menu">
<ul>
<li><a href="http://localhost/asq/1/">Menu1</a></li>
<li><a href="http://localhost/asq/2/">Menu2</a></li>
<li><a href="http://localhost/asq/3/">Menu3</a></li>
<li><a href="http://localhost/asq">Home</a></li>
<li><a href="http://localhost/asq/5/">Menu5</a></li>
<li><a href="http://localhost/asq/6/">Menu6</a></li>
<li><a href="http://localhost/asq/7/">Menu7</a></li>
</ul>
</div>
</footer>
</div>
И мой CSS для нижнего колонтитула:
#footer {
bottom: 0;
position: fixed;
}
Что мне не хватает?