[css] problem z wyświetlaniem obrazka w tle, wyświetla się tylko wtedy kiedy w div'ie jest treść Opcje

[GhOsT9]

Mam problem z wyświetlaniem obrazka jako tło DIV'a. Ma to być niepowtarzający się motyw, leciutki gradient który schodzi w dół do jednolitego koloru. Tło wyświetla mi się jedynie wtedy, kiedy w środku DIV'a jest jakaś zawartość.

Jeśli jest jedna linia tekstu, tło wyświetla się tylko pod nią. Problem uwidacznia się w momencie, kiedy na stronie mam dwie kolumny:
- po lewej menu
- po prawej treść

Jeśli wrzucę background-image oddzielnie dla tła, oddzielnie dla treści i treść jest "wyższa" od menu, to treść wygląda OK a menu ma tło tylko do wysokości batonów.

Co powinienem zmienić żeby obrazek w tle wyświetlał się niezależnie od tego czy w bieżącym lub podrzędnym DIV'ie jest jakaś zawartość? Próbowałem wstawiać tło dla DIV'a middle, ale wtedy w ogóle się nie wyświetla poniewać w podrzędne DIV'y (menu i content) są puste a dopiero w hierarchicznie niższych (menu_inside i content_inside) jest osadzana treść lub grafika.

Będę wdzięczny za jakieś wskazówki.

Pomijając kontenery i inne elementy, wrzucam samo sedno sprawy, wycinek html'a oraz styli.
middle to środkowa część stronki, między headerem a dolnym paskiem.

[HTML] pobierz, plaintext 
<div id="middle">
   <div id="menu">
      <div id="menu_inside">
 
         tu będą batony
 
      </div>
   </div>
 
   <div id="content">
      <div id="content_inside">
 
           tu będzie tekst
 
      </div>
   </div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#middle
	{
	width:880px;
	position:relative;top:0px;left:0px;
	background: f2ebca;
	clear: both;
	}
 
#menu
	{
	width:260px;
	position:relative;top:0px;left:0px;
	background-image:url('gfx/bg_menu.gif');
	background-repeat:no-repeat;
	float:left;
	}
 
#menu_inside
	{
	width:240px;
	position:relative;top:0px;left:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	}
 
#content
	{
	width:620px;
	position:relative;top:0px;left:0px;
	background-image:url('gfx/bg_content.gif');
	background-repeat:no-repeat;
	text-align:left;
	float:right;
	}
 
#content_inside
	{
	width:600px;
	position:relative;top:0px;left:0px;
	text-align:left;
	float:left;
	}
[HTML] pobierz, plaintext