Anzeigebereich lässt sich nicht begrenzen!

[Niriko]

Hallo,
habe vermutlich ein recht einfaches Problem aber lösen kann ich es trotzdem nicht. :(

Für einen Kunden habe ich eine Site mit wrapper, header, subheader und content-Bereich erstellt. Hinzu kommen soll noch ein footer. Das alles klappt den Vorstellungen entsprechend. Im wrapper wurde ein Background mit no-repeat vereinbart, der content-Bereich ist zum Teil jedoch wesentlich länger als dieses Bild (Maße ca. 640x480), was dazu führt dass der Text unterhalb des Bildes ohne Hintergrund zu sehen ist. Sieht unschön aus. Mit clip habe ich es nicht geschafft, den Bereich so zu begrenzen, dass der content abgeschnitten wird. Was mache ich verkehrt. Der Code sieht so aus (nicht vollständig aus Datnschutzgründen):
HTML
<div id="wrapper">
 <table width="800">...
  <tr><td id="header">...</td></tr>
   <tr><td id="subheader">...</td></tr>
   <tr><td id="navigation">...</td></tr>
   <tr><td id="content">...</td></tr>
</table>
</div>

CSS
#wrapper {
margin:5px auto;
width:800px;
background-image:url(ostsee.jpg);
bckground-attachment:fixed;
background-repeat:no-repeat;
top:auto;
left:auto;
clip:rect(0px,0px,150px,150px);
}