diff --git a/index.html b/index.html
index bbe8e80..73adfe6 100755
--- a/index.html
+++ b/index.html
@@ -272,8 +272,9 @@ function fitPagesTo(elem, n){
 	//		and if CSS transitions are at play new samples will be off...
 
 
-	// XXX fitting works ONLY in wone direction, if both sides need 
+	// XXX fitting works ONLY in one direction, if both sides need 
 	//		to be adjusted the this breaks everything...
+
 	// do the fitting...
 	if(W-cW/H-cH > 1){
 		rW = W * (cH/H) 
@@ -293,6 +294,7 @@ function fitPagesTo(elem, n){
 	}
 
 	// scale horizontally...
+	// NOTE: this is done so as to keep the scale within the content constant...
 	var scale = vW/(rW*n)
 	// or scale vertically if needed...
 	// XXX broken
@@ -487,7 +489,7 @@ function createPage(article, template){
 			</div>
 			<div class="page">
 				<div class="content">
-					Page
+					<img src="img.jpg" width="200%" style="margin-left: -50%; margin-top: -20%"/>
 				</div>
 			</div>
 		</div>
diff --git a/magazine.css b/magazine.css
index 643bf17..802f2c9 100755
--- a/magazine.css
+++ b/magazine.css
@@ -10,6 +10,7 @@ body {
 	display: inline-block;
 	vertical-align: bottom;
 	text-align: center;
+	overflow: hidden;
 
 	/* XXX need these to be the same as the magazine, for some reason does not work...
 	 *	one way to go is to use a fixed page layout and scale things manually.
@@ -33,6 +34,7 @@ body {
 	display: inline-block;
 	text-align: left;
 	position: relative;
+	overflow: visible;
 
 	/* these set the "safe" marks for page content */
 	width: 800px;
@@ -134,7 +136,6 @@ body {
 
 /* modes */
 .page-view-mode.viewer {
-	background: white;
 }
 
 .page-view-mode .page .content {
@@ -144,9 +145,6 @@ body {
 
 
 .page-view-mode.viewer.dragging {
-	/*
-	background: silver;
-	*/
 }
 .page-view-mode.dragging .page .content {
 }