Horizontal Scrolling Slideshow

This is a framework for a flexible-width, full-page horizontal scrolling site.

The demo version can have up to 10 slides. In the CSS:

body {
	text-align: center;
	width: 1000%;
}

.panel {
	width: 10%;
	position: relative;
	top: 168px;
	float: left;
}

Adding extra slides is easy. For 20 slides, make the body width 2000% and the panel width 5%. Chrome automatically "eats" extra unused horizontal page space. Firefox keeps extra space at the end of the page.