Footers plus Faux Columns

[grizu]

Guten Abend,

Es geht um die Seite http://www.kids2gether.at.

Die Spalten im Content werden mit der Faux-Columns-Technik dargestellt, zusätzlich wollte ich jetzt noch den Footer immer am unteren Ende haben, auf "A List Apart" gibts auch eine feine Umsetzung dazu.

Der relevante Code:

html, body {
        height: 100%;
}
#wrap {
        min-height: 100%;
        position: relative;
}
#content {
	background: url(images/system/content_bg.jpg) repeat-y;
	width: 800px;
        min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 100px;
}
#footerWrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
}

Für nähere Angaben bitte den Quellcode betrachten

Ich versteh jetzt nicht ganz, warum das "min-height: 100%" im "#content" ignoriert wird. Eigentlich sollte der Inhalt ja die volle Höhe einnehmen und so meine Spalten darstellen.

Bitte um Hilfe

lG, grizu

 

[grizu]

Und hier die Lösung

min-heights können nicht verschachtelt werden.
Habe jetzt meine columns auf den #wrap gelegt mit "... repeat-y top center".