>> www.dp-labs.com/rust << HTML site

ok so I have an issue AGAIN with CSS....

below is the style sheet that I have right now.

for some reason, the div that holds the right rusted box in position moves along with the scrollbar, but the text on the higher z level does not....

to see...make the scroller appear, refresh, then make it go away, then refresh......you will see what I mean....

HELP PLEASE !!



Code:
.lbox {
	background-image: url(images/croppedbox.jpg);
	background-repeat: repeat-y;
	height: 432px;
	width: 254px;
	position: absolute;
	left: 30px;
	top: 0px;
	z-index: 1;
}
.rbox {
	background-image: url(images/croppedbox.jpg);
	height: 432px;
	width: 254px;
	position: absolute;
	top: 0px;
	right: 30px;
	zindex: 1;
	border: none;
}
.lboxtitle {
	position: absolute;
	z-index: 2;
	height: 28px;
	width: 243px;
	left: 50px;
	top: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #996600;
	font-size: 25px;
}
.rboxtitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #996633;
	position: absolute;
	z-index: 2;
	height: 28px;
	width: 200px;
	right: 37px;
	top: 14px;



}