Untitled

dabblet.css

body {
	background: #ccc url(http://placehold.it/800x600&text=Fixed);
	background-attachment: fixed;
}
.menu {
	float: left;
	background: #fff;
	width: 200px;
}
.pages {
	background: #fff;
	float: right;
	
	list-style: none;
	padding: 5px;
}

dabblet.html

<nav class="menu">
	<ul>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
		<li>menu item</li>
	</ul>
	<p>IMHO this is an easier way of handling screen resolution, 
	making the background fixed will still allow you to achieve 
	the effect you desire 
	http://buildinternet.com/project/supersized/ but im not sure how it handles content inside each slide, this is a great plugin for fullscreen backgrounds.
	With this method i think you would have less trouble making it functional in mobile devices like ipad, etc.</p>
</nav>

<ul class="pages">
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
	<li><img src="http://placehold.it/200x130" alt=""/></li>
</ul>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}