IMG am unteren Ende eines DIV-Container ausrichten

[Haliel]

Hy,

wie ihr schon im Titel sehen könnt habe ich ein kleines positionierungs Problem *g*.

Ich habe vor eine kleine INFO-Seite zu erstellen, die sich aus DIV-Containern zusammensetzt. Im Normalfall kein Problem, aber leider schaffe ich es nicht, eine Grafik am unteren Rand eines DIV-Containers auszurichten.

Hier mal der HTML Teil:

<div class="container">

<div class="kopf">
  <img class="pic_left" src="weihnachtsstern_left.gif">
  <img class="pic_right" src="weihnachtsstern_right.gif">
  <img Class="pic_middle" src="christbaum.gif">
 </div>

</div>

und hier mein CSS-Teil:

.container {
 margin:auto;
 padding: 5px;
 height: 600px;
 width: 800px;
 top: 60px;
 border: thin solid #FFFFFF;
}

.kopf {
 height: 300px;
 width: 100%;
}

.pic_left {
 float: left;
}

.pic_right {
 float: right;
}

.pic_middle {
 bottom: 0px;

}

Ich hatte es auch schon mit margin-bottom: 0px ausprobiert, aber das hatte auch keine auswirkungen :(

Wenn jemand ne Idee hat wäre das super, mir fällt nichts mehr ein was ich noch probieren könnte.

Danke schon mal im Vorraus.

Lg Haliel