div unten ausrichten

[Sebastian]

Hallihallo.
Ich habe folgendes Problem:

<div id="seite">

<div>Ganz viele</div>
  <div>Divs mit</div>
  <div>verschiedenem Inhalt</div>

<div id="bottom"></div>

</div>

----

div#seite{
  position:relative;
  width:790px;
  margin:auto;
  height:100%;
}

div#bottom {
  width:18px;
  height:18px;
  background-image:url(ding.gif);
  background-repeat:no-repeat;
  bottom:0px;
  left:780px;
  position:absolute;
}

Im Seiten-Div befindet sich der ganze Inhalt der Seite. Ziel ist es jetzt, dass dieser Bottom-Div gaaaaaanz unten rechts angezeigt wird und zwar unabhängig davon wieviel Inhalt drin ist.
Momentan steht er aber ganz oben rechts auf der Seite. Die horizontale Ausrichtung passt. Nur vertikal stimmt's nicht.

Ich benutze den Web Developer 1.1.8.
Dieser zeigt mir auch an, dass sich 'bottom' innerhalb von 'seite' befindet und dass 'seite' auch wie gewollt den gesamten Inhalt umschließt.

Was muss ich tun, um 'bottom' auch in Richtung 'bottom' zu bringen?

Viel Dank schonmal für die Antworten.