<div id="footerL">
	<ul>
		<li>© 1999-2010 360 FLOORING.com</li>
	</ul>
</div>
<div id="footerR">
	<ul>
		<li>
			<a href=#">Nav link</a>
		</li>
		<li>
			<a href=#">Nav link</a>
		</li>
		<li>
			<a href=#">Nav link</a>
		</li>
		<li>
			<a href=#">Nav link</a>
		</li>
	</ul>
</div>
</code>
</pre>

here’s a link to what i’ve currently got.

http://reelpictures.com.au/ultrasound_demo/

I’ve tested this mainly in Chrome, so hopefully it will appear ok. The header, footer, and sidebar stick fine for me, and on the sidebar, is a link for ‘heading 1.’
when you click it, the actual content ‘Link to heading 1′ jumps to the top of the page, but that’s behind the header! My aim is to get it to stop just under the curve.

Also, none of the actual styles have been made yet, so yeah, it looks like ass.

Thanks!

I have a slight problem at the moment though! I have managed to take your code and add a sidebar on the left side of the page. It is also static, like the header and footer.
The sidebar has the headings that are in the content, and clicking on the headings will take you to that section of the content, via inline Anchor links.

All works fine, but when I click on these anchor links, the headings in the content are at the TOP of the page (like they are meant to), but this is under the header! is there an easy way to offset these?

At the moment I am thinking of just moving the tags a bit lower then the actual titles to line up right, but it’s a case by case problem and a pain!

Thanks again for sharing this great tutorial.

#ie6-container-wrap style should be like this:

#ie6-container-wrap {
width: 100%;
height: 100%;
overflow-x:hidden;
overflow-y:scroll;
}