Help with nesting DIV tags

[flexxall]

Hello,

 

[flexxall]

ok so i messed up my post and forgot the message. Here it is.

 

I am working on nesting images inside a div that have javacsript applied to them. I have it kind of working  but the position of the inner images is not properly aligning to the absolute positioning i am trying to get. They seem to be cascading down from the previous and outside the original div container i would like them in.

Here is the code i have so far

<script type="text/javascript">
   $(document).ready(
			function(){
				$('.fade0').innerfade({
					speed: 1000,
					timeout: 6000,
					type: 'random_start',
					containerheight: '1.5em'
				});

				$('.fade1').innerfade({
					speed: 1000,
					timeout: 6000,
					type: 'random_start',
					containerheight: '1.5em'
				});

				$('.fade2').innerfade({
					speed: 1000,
					timeout: 6000,
					type: 'random_start',
					containerheight: '1.5em'
				});

		});
</script>

<h2>Blah Blah</h2>

    <div class="forest">
	<div style="position: absolute; top: 315px; left: 24px;" class="fade0">
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>

	</div>
	<div style="position: absolute; top: 84px; left: 66px;" class="fade1">
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>

	</div>
	<div style="position: absolute; top: 325px; left: 181px;" class="fade2">
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
		<a href="http://xxx"><img src="xxx.jpg"/></a>
	</div>

</div>

Any Help would be appreciated

Steve