[CSS]Problem z rozmiarem tła Opcje

[kosa351]

Witam,
mam sobie taki układ strony: klik. Mam pewien problem z tłem, a mianowicie chciałbym aby background kończył się wraz z końcem strony, a nie jak jest obecnie czyli ostatnią linijką tekstu.
Mój kod wygląda tak:

html

Kod

       <div id="pole_tekstowe">    
           <div id="tekst">
           <p>Lorem ipsum....</p>
           </div>
      
           <div id="stopka">
           stopka strony
           </div>
      
       </div>

css

Kod

       /* Pole tekstowe */
       #pole_tekstowe {
       width:100%;
       background-image:url(images/background.gif);
       }
      
       /* Tresc */
       #tekst {
       width:50%;
       margin-left:25%;
       background-color:#FFFFFF;
       height:auto;
       text-align:justify;
       padding:1% 1% 1% 1%;
       color:#000000;
       }
      
       /* Stopka */
       #stopka {
       width:50%;
       margin-left:25%;
       height:auto;
       color:#FFCC00;
       }

Proszę o pomoc jak napisać poprawny kod.

[Pilsener]

Masz kilka możliwości do wyboru:
1. Skorzystać z background-position - jednak to wyklucza powtarzanie tła w pionie, możesz odsunąć tło od górnej krawędzi strony i powtarzać je w poziomie
2. Możesz "przykryć" górne tło - właściwe tło daj dla HTML, natomiast dla body białe i wypozycjonuj tło dla body (korzystając z background-position) tak, aby przykrywało tło dla html
3. Możesz dodać dodatkowy pojemnik, który będzie umieszczony pod headerem i menu i dla niego dać tło, lub taki (w którym będzie header i menu) który zasłoni to tło.