Layout markup question. Repeating backgrounds within wrappers

[makebetterwebs]

Hi CF! Looking for some basic markup suggestions on the following layout: http://cl.ly/DKZm

So far I have....

<div id="navigation">
</div>

<div id="image-carousel">
<ul class="carousel">
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
<li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
</ul>
</div>


<div id="left">
</div>

<div id="right">
</div>

<div id="footer">
</div>

I am looking to keep the left side of nav aligned with bottom left box. The snag I am running in to, is the layout calls for repeating backgrounds on the nav holder and bottom boxes.

I assume a wrapper for the nav - break for image scroller - then wrapper for bottom... but I cant seem the get the bottom part worked out!

Any help is appreciated.

[teedoff]

That "code" you provided doesn't make sense.

Post your source code or a link to your site.

[makebetterwebs]

Originally Posted by teedoff

That "code" you provided doesn't make sense.

Post your source code or a link to your site.

Sorry - I was attempting shorthand with the code - didn't work. I have revised.