diff --git a/templates/read.html b/templates/read.html
index 2c2dfc9..0175f3a 100644
--- a/templates/read.html
+++ b/templates/read.html
@@ -1,24 +1,6 @@
 {{template "header.html" .S}}
 
-<ul class="pager">
-{{if .Prev}}
-  <li class="previous">
-    <a href="{{.Prev}}">&larr; Prev</a>
-  </li>
-{{end}}
-{{if .Book.Active}}
-  <li class="">
-    <a href="{{.Back}}">Back</a>
-  </li>
-{{else}}
-  <span class="label label-warning">waiting for moderation</span>
-{{end}}
-{{if .Next}}
-  <li class="next">
-    <a href="{{.Next}}">Next &rarr;</a>
-  </li>
-{{end}}
-</ul>
+
 
 <div class="row">
 <div class="span4">
@@ -40,9 +22,30 @@
 <script type="text/javascript">
 function resizeIframe() {
 	var contentHeight = $("#bookContent").contents().find("html").height();
-	var menuHeight =  $("#bookMenu").height();
+	$("#bookContent").height(ContentHeight);
 }
 </script>
+
+<ul class="pager">
+{{if .Prev}}
+  <li class="previous">
+    <a href="{{.Prev}}">&larr; Prev</a>
+  </li>
+{{end}}
+{{if .Book.Active}}
+  <li class="">
+    <a href="{{.Back}}">Back</a>
+  </li>
+{{else}}
+  <span class="label label-warning">waiting for moderation</span>
+{{end}}
+{{if .Next}}
+  <li class="next">
+    <a href="{{.Next}}">Next &rarr;</a>
+  </li>
+{{end}}
+</ul>
+
 <iframe id="bookContent" onload="resizeIframe();" style="width: 100%; height: 1080px; border: 0;" scrolling="auto" src="{{.Content}}" seamless="seamless" sandbox="allow-same-origin" frameborder=0></iframe>
 
 <ul class="pager">