Почему обертка div не расширяется, когда у нее есть абсолютный дочерний элемент

У меня есть div для оболочки, установленный на 960px, и внутри него у меня есть еще один div, называемый "слайдер», Слайдер расположен абсолютно посередине экрана, используя этот код:

#slider {width:390px; height:100px; position:absolute; 
         margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;}

Я добавил границы как для div-оболочки, так и для слайдера, чтобы я мог видеть, как они расположены на экране, однако, это показало, что оболочка не расширяется, чтобы содержать абсолютный div слайдера.

Как это исправить, чтобы высота обертки была правильной?

Ответы на вопрос(1)

Ваш ответ на вопрос