Dzień dobry.
Proszę o pomoc w odnalezieniu błędu który mi przeszkadza w pracy

Mam sobie skrypt jquery accordion, sam kod umieszczony jest w div class="content", a pod content mam footer.
Content nie ma podanej wysokości

[HTML] pobierz, plaintext 
.content {
position: relative;
width: 1137px;
margin: 0 auto;
}
footer {
position: relative;
width: 1137px;
height: 160px;
border-top: 2px solid rgba(176,155,117,0.3);
margin: 0 auto;
}
[HTML] pobierz, plaintext 

I chciałbym, aby przytoczony content "rósł" razem z otwieranymi oknami accordion, teraz accordion otwiera się poprawnie, lista z pytaniami się rozwija, ale wysokość div content nie rośnie, a więc i footer znajduje się w tym samym miejscu
Jak rozwiązać mój problem?
Proszę o pomoc.

Selektor w css dla danego id poprzedza się #, a nie .

I co ci mam odpisać?
Że wiem?
Tak, wiem o tym, już poprawiłem ( oczywiście w kodzie nie mam błędu tylko w zapisie tutaj na forum )

Może ktoś jeszcze coś podpowie?

Nie wiem czy wiesz, czy nie. Był błąd.

Pokaż więcej kodu.
Strukturę HTML + CSS (jeśli jest dla accordiona).

[HTML] pobierz, plaintext 
<div id="simple-accordion">
				<h1 class="accordion_toggle"><?= jednostki;?></h1>
				<div id="simple-accordion1" class="lista_pytan">
					<?php
					$wykonaj=mysqli_query($baza,"SELECT * FROM poradnik WHERE temat=1");
					$i1=1;
					while($dane=mysqli_fetch_array($wykonaj, MYSQLI_ASSOC) ){
						echo '<h1 class="vertical_accordion_toggle">1.'.$i1.'  '.$dane['pytanie'].'</h1>
						<div class="vertical_accordion_content">
							<p>
								'.$dane['odpowiedz'].'
							</p>  	
						</div>';
						$i1++;
					}
					?>
				</div>
				<h1 class="accordion_toggle" id="h2"><?= tury;?></h1>
				<div id="simple-accordion2" class="lista_pytan">
					<?php
					$wykonaj1=mysqli_query($baza,"SELECT * FROM poradnik WHERE temat=2");
					$i2=1;
					while($dane1=mysqli_fetch_array($wykonaj1, MYSQLI_ASSOC) ){
						echo '<h1 class="vertical_accordion_toggle">2.'.$i2.'  '.$dane1['pytanie'].'</h1>
						<div class="vertical_accordion_content">
							<p>
								'.$dane1['odpowiedz'].'
							</p>  	
						</div>';
						$i2++;
					}
					?>		
				</div>
		</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.accordion_content h2,.vertical_accordion_content h2{color:#09F;margin:15px 0 5px 10px;}
.lista_pytan{
position: relative;
left: 20px;
width: 1070px;
}
.accordion_toggle{
display: block;
line-height: 30px;
background: url(./images/bg_p.png);
border-top: 1px solid #6b553c;
border-bottom: 1px solid #6b553c;
color: #ceb17b;
cursor: pointer;
font-size: 14px;
padding-left: 10px;
margin: 10px;
}
.vertical_accordion_toggle{
display: block;
line-height: 30px;
background: url(./images/bg_p.png);
border-top: 1px solid #6b553c;
color: #ceb17b;
cursor: pointer;
font-size: 12px;
padding-left: 10px;
}
.accordion_toggle_active{background:#e0542f;color:#fff;border-bottom:1px solid #f68263;}
.accordion_content{color:#444;overflow:hidden;}
.accordion_content p{line-height:150%;padding:5px 10px 15px;}
#simple-accordion{
clear:both;
position: absolute;
top: 174px;
left: 15px;
background: #4d3828;
width: 1108px;
}
.vertical_accordion_toggle_active{background:url(../zasoby/grafika/accordion/accordion_toggle_active.jpg) no-repeat top right #e0542f;color:#fff;border-bottom:1px solid #f68263;}
.vertical_accordion_content{
color: #fff;
/* overflow: hidden; */
font-size: 12px;
}
.vertical_accordion_content p{line-height:150%;padding:15px;}
a.accordion-link{display:block;background: url(./images/bg_p.png);border-top:1px solid #6b553c;border-bottom:1px solid #6b553c;color:#ceb17b;}
div.accordion-content{display:block;}
[HTML] pobierz, plaintext 

A jaki skrypt JS do tego używasz?
#simple-accordion jest pozycjonowany absolutnie, musi być relatywnie lub static.

Ech,a myślałem że próbowałem już wszystkich opcji pozycjonowania.

Static nie pomógł, ale relative jak najbardziej.
Dziękuję za pomoc.