Ich mach langsam Fortschritte mit CSS, aber einige Probleme bleiben noch immer ...

Folgendes Layout:
Code:
/****************************************************
 * Layout:
 *
 *   -------------------------------------------
 *   |                 HEAD                    |
 *   -------------------------------------------
 *   |           |                             |
 *   |           |                             |
 *   |   LEFT    |      RIGHT                  |
 *   |           |                             |
 *   |___________|_____________________________|
 *   |                 FOOT                    |
 *   |_________________________________________|
 ***************************************************/
und folgendem CSS-Style:
HTML-Code:
div#head {

}

div#content {
	background-color:	#000000;
	color:			#FFFFFF;
}

div#right {
	margin-left: 		208px;
	overflow: 		auto;
}

div#left {
	position: 		absolute;
	width: 			200px;
	left: 			0px;
	padding:		0px;
	margin:			0px;
	margin-left:		24px;
}

div#foot {
}
Das Problem liegt nun daran, wenn der Text im left Element laenger ist, als im right Element, geht der Text ueber das div hinaus und ueberschreibt sowol foot sowie jeden weiteren Text underhalb.

Die Frage ist also, wie kann ich das verhindern?

mfg nul