div height 100% strular sig!

Detta verkar vara ett rätt känt problem... jag har kollat igenom 20 sidor + sökt efter svar i detta forum utan resultat. Så för att en gång för alla få ett konkret svar. Hur i helsike gör man en <div style="height: 100%"> att inte gå utanför botten på sidan bara för att man har t ex. en <div> över?

		<div style="height: 251px; width: 100%; background: url(/grafik/layout/banner-bg.jpg) #FFEC9A;">
			<img src="/grafik/layout/banner.jpg" alt="" /></div>
		<div style="height: auto; width: 161px; background: url(/grafik/layout/meny-bg.gif);">d</div>

Den nedre delen går 100% + 251px... :q :q

Jag tror att du måste baka in den i en tabell. Eller räkna ut den och sätta height-egenskapen dynamiskt beroende på klientens fönsterdimensioner. Ditt problem med att auto ger 100% + 251px beror, antar jag, på att height inte ärvs av objekt...

Jag skulle använda mig av tabeller.

<table height="100%">
  <tr>
    <td style="height: 251px;"><div ...><img ...></div></td>
  </tr>
  <tr>
    <td><div ...></div></td>
  </tr>
</table>

Jag vet inte om det här är crossbrowservänligt. Jag testade bara i IE6...