Problem mit dreispaltigem Layout

[qotsa]

Hallo,

ich habe mir mit CSS ein dreispaltiges Layout gebastelt. Mein Stylsheet sieht folgendermaßen aus:

html, body
{
  height: 100%;
  margin: 0;
  padding: 0;
  background-color:#FF0000;

}

#left
{
  width:150px;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  margin:0px;
  background-color:#0000FF;
}

#right
{
  width:150px;
  height:100%;
  position:absolute;
  top:0px;
  right:0px;
  margin:0px;
  background-color:#0000FF;
}

#content
{
  margin-left:150px;
  margin-right:150px;
  background-color:#FF0000;
  padding:10px;
}

Wenn das Browserfenster groß genug ist, funktioniert es in allen Browsern, auch den älteren, ganz gut. Nur wenn ich das Browserfenster vertikal so verkleinere, dass der Inhalt nicht mehr Platz hat und man scrollen muss, werden die zwei äußeren Spalten unten abgeschnitten:

http://img169.imagevenue.com/img.php?image=39302_css_122_445lo.JPG

Vielen Dank im Voraus

mfg