[CSS] problem z wyświetleniem całego tekstu na stronie Opcje

[-iteru-]

Witam.
Mam taki kod:
html:

[HTML] pobierz, plaintext 
<div id="middle">
  <div id="main">
 
   <table class="content">
	<tr>
		<td class="contentheading" width="100%">
			Programy</td>
	</tr>
</table>
 
<table class="content">
<tr>
<td valign="top">
<p style="text-align: justify;">Program ..... </p>
[HTML] pobierz, plaintext 

........
CSS :

[CSS] pobierz, plaintext 
#content {
	width: 845px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background-color: #f3f8fb;
	height: 100%;
}
[CSS] pobierz, plaintext 

tekst umieszczony w content na niektórych pod stronach jest za długi i się nie wyświetla. Przy zmianie height na 250% wyświetla się cały tekst ale taka sama długość pozostaje na pozostałych stronach gdzie tekst jest o wiele krótszy, przez co beznadziejnie to wygląda a do tego obrazek w tle w body mi się rozciągnął.
Próbowałem jeszcze Overflow:scroll, ale w ogóle mi to tutaj nie działa.

Co mogę z tym zrobić, żeby w tym przypadku strona dostosowywała się do teksu prawidłowo?

Powód edycji: [Kshyhoo]: również gości obowązują zasady działu

[Kshyhoo]

U mnie nie działa. Sygnalizuje sporo nie podomykanych znaczników za to...

No dobra. Twoim problemem jest nadanie na sztywno dla DIV:

[CSS] pobierz, plaintext 
#main {
  height: 100%;
}
[CSS] pobierz, plaintext 

Spróbuj zmienić to, chociażby na:

[CSS] pobierz, plaintext 
#main {
  height: 100% auto;
}
[CSS] pobierz, plaintext 

Albo np:

[CSS] pobierz, plaintext 
#main {
  height: auto;
  min-height: 600px; // dla minimalnej wysokości w przypadku małej ilości tekstu
}
[CSS] pobierz, plaintext