Растянуть див по высоте содержимого

Есть сайт на Wordpress. Установил на него слайдер (не плагином). Слева кнопки переключения, справа слайды. Контент каждого слайда отличается по высоте, нужно сделать так, что бы всё, что находиться ниже самого слайдера автоматически подстраивалось по высоте (между слайдером и остальными блоками на странице не было большого промежутка), в зависимости от активного слайда. Помогите пожалуйста, ниже приведу код:

<div id="header">
<div id="slidorion">
<div id="slider">
<div class="slider-image" rel="section1" style="opacity: 1; z-index: 1;">контент</div>
<div class="slider-image" rel="section2" style="opacity: 0;">контент</div>
<div class="slider-image" rel="section3" style="opacity: 0;">контент</div>
</div>      
</div>
</div>

css

#header {
width: 300px;
height: 120px;
margin: 20px auto;}
#slidorion {
width: 1140px;
height: 400px;
position: relative;
margin-left: -415px;}
#slider{
width: 751px;
height: 845px;
position: relative;
float: right;
overflow: hidden;}
.slider-image {
position: absolute;}