Почему полоса прокрутки появляется на каждой странице?

Question

Я получаю полосу прокрутки для тела на каждой странице, и она прокручивается, возможно, на 2em в высоту. Это происходит в любом браузере IE, Chrome, Opera и FF даже в полноэкранном режиме (1680x1050).

Я не могу просто сделать переполнение: скрытый для тела, потому что третья тестовая страница использует SlimBox2, возможно, придется прокрутить вниз.

Три тестовых страницы:
http://dev.mykeepsakephotography.com
http://dev.mykeepsakephotography.com/gallery_couples.php
http://dev.mykeepsakephotography.com/invitations_weddings.php

body
{
   font-family: Georgia, "Times New Roman", Times, serif;
   background-color: #000;
   color: #fff;
   padding: 0;
   margin: 0;
}

#wrapper
{
   height: 725px;
   width: 950px;
   background: #000;
   margin: 0 auto;
   padding:0;
   overflow: hidden;
   border: 1px solid red; /* added for border definition */
}  

Спасибо,
Lf4

Answer 1

li.dir в вашей навигации вызывают прокрутку.Удаление их устраняет проблему.Внутри них ul.dropdown ul имеет атрибут

 top:100%

, который вызывает проблему.Вложенные меню приводят к тому, что элементы появляются ниже нижней части страницы.Исправьте это, и ваши проблемы станут историей:)

Бросьте position:relative; на ваш селектор ul.dropdown > li > a, ul.dropdown li.dir {, и все будет работать великолепно.

Позиция: абсолютное позиционирует его абсолютно к ближайшему родителю спозиция: относительная или не соответствует - сам документ.

Answer 2

Файл slimbox.css имеет следующие настройки:

#lbOverlay {
background-color:#000000;
cursor:pointer;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:9999;
}

Я думаю, если высота должна быть 725 пикселей, то же самое, что и # wrapper.