[CSS] Szerokość tła w procentach Opcje

[bialasik]

Witam,
mam divy: górny i dolny - już ustawione na pozycjach. Do obu jest wpisany obrazek poprzez img src.
Do środkowego diva też jest obrazek, lecz musi mieć taką samą szerokość jak górny i dolny (szerokość = 100% okna przeglądarki) oraz w razie długiej strony powtarzał się.
Jak to zrobić?

[emtiej]

[CSS] pobierz, plaintext 
#strona
{
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
#top
{
  width: 100%;
  height: 300px; 
  display: block;
  background-image: url("adres do obrazka tła");
  background-repeat: repeat-x; - jeżeli ma się powtarzać po osi OX(prawo-lewo)
}
#middle
{
  width: 100%;
  height: 600px;
  display: block;
  background-image: url("adres do obrazka tła");
  background-repeat: repeat-x; - jeżeli ma się powtarzać po osi OX(prawo-lewo)
}
#bottom
{
  width: 100%;
  height: 300px; 
  display: block;
  background-image: url("adres do obrazka tła");
  background-repeat: repeat-x; - jeżeli ma się powtarzać po osi OX(prawo-lewo)
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
 
 
<div id="strona">
 
  <div id="top"></div>
  <div id="middle"></div>
  <div id="bottom"></div>
 
</div>
 
 
[HTML] pobierz, plaintext 

O to chodzi?

Ważne, żeby obrazek tła był dobrze pocięty, czyli jeżeli tło jest gradientem od góry do dołu to wytnij 5-o pikselowy pasek od góry do dołu i pasek powtarzając się będzie uzupełniał tło od lewej do prawej strony.