[vance_iat]

Please look at ecolibrio.com/new.html and you'll see that Layer 1 has content that overlaps into layer 2. What i want to do is when i type in content into layer 1 that it pushes down layer 2. Right now, layer 2 just sits there and layer 1's content is overlapping. I've tried clear:left and clear:both on layer 2 but doesn't work.

[namenotfound]

You're using absolute positioning for both. Which means they're gonna stay put. Plus you defined a specific height which means the box won't expand as the text does.

Try this:

<!--
#Layer1 {
	
	width:882px;
	
	z-index:1;
	border: 1px solid red;
}
#Layer2 {
	
	width:200px;
	height:115px;
	z-index:2;
	top: 130px;
	clear: left;
	border: 1px black solid;
}
-->

[vance_iat]

thanks namenotfound! that's was what i needed.