Höhe von Bereich passt sich nicht automatisch an

Hallo,
ich will auf meiner HP in der Menüleiste ein Element hinzufügen, doch leider ragt dieses über den RAnd des umfassende divs raus, ich kapiere nicht, warum.

Die Struktur ist wie folgt:
<head>
<body>

<div id="wrap">
<div id="header">

<div id="contentwrap">
<div id="leftcolumn">
<div id="rightcolumn">

</div>

</div>

<div id="footer">

</body>
</html>

Wenn ich in der rechten Spalte etwas mehr schreibe gibt es kein Problem, das Ganze wird einfach länger. in der Linken Spalte klappt das jedoch unverständlicherweise nicht.
#wrap
{
width: 850px;
background-color: #212b5c;
margin: 20px auto 10px auto;
padding: 0 0 15px 0;
text-align: left;
border-color: #444;
border-style: solid;
border-width: 1px 1px 5px 1px;
min-height: 625px;

}
#content-wrap
{

clear: both;
margin: 0;
padding: 0;
}
#leftcolumn
{

border: 1px solid grey;
float: left;
width: 250px;
margin: 0 0 auto 0;
padding-top: 20px;
min-height: 700px;

}
#rightcolumn
{
margin: 0 0 0 270px;
color: #fff;

}

Wie man sieht habe ich leftcolumn eine minimale Höhe gegeben. Diese wird auch angezeigt, aber wrap wird nicht angepasst und Elemente dort ragen einfach in den body rein. Wer wil, kann sich die Seite ja mal ansehen www.shxyztisch.de. ersetze "xyz" durch "stamm" (will nicht, dass Google diesen Link indiziert). Ich habe es jetzt erstmal mit dem Workaround gemacht, dass wrap eine min-heght von 625 pixeln kriegt. Optimal ist das aber nicht!