#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	//background:#eee; /* column 5 background colour */
}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	//background:#b2f0f9; /* column 4 background colour */
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	//background:#89ffa2; /* column 3 background colour */
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;
	//background:#ffa7a7; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	//background:#fff689; /* column 1 background colour */
}
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	overflow:hidden;
}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	overflow:hidden;
}




/**
Described on web page http://matthewjamestaylor.com/blog/equal-height-columns-5-column.htm
Such code will give a 5 columns display made with css...

<div id="container5">
	<div id="container4">
		<div id="container3">
			<div id="container2">
				<div id="container1">

					<div id="col1">
					macol1<br/>
					and co
					</div>
					<div id="col2">
					macol2
					</div>
					<div id="col3">
					macol3
					</div>
					<div id="col4">
					macol4
					</div>
					<div id="col5">
					macol5
					</div>



				</div>
			</div>
		</div>
	</div>
</div>
*/