Почему обертка 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 слайдера.

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