Always keep the navigator in view.
diff --git a/src/main/resources/testng-reports.css b/src/main/resources/testng-reports.css
index 1c1f7c1..393760a 100644
--- a/src/main/resources/testng-reports.css
+++ b/src/main/resources/testng-reports.css
@@ -26,18 +26,10 @@
     margin-top: 60px;
     float: left;
     width: 400px;
-    position: fixed;
-}
-
-.navigator-root.fixed {
-    position: fixed;
-    top: 0;
 }
 
 .main-panel-root {
     margin-top: 60px;
-    margin-left: 400px;
-    width: 74%;
 }
 
 .suite {
diff --git a/src/main/resources/testng-reports.js b/src/main/resources/testng-reports.js
index 1e19a46..f67ce60 100644
--- a/src/main/resources/testng-reports.js
+++ b/src/main/resources/testng-reports.js
@@ -24,6 +24,12 @@
     $('.panel').hide();
     $('.navigator-link').first().click();
 
+    // Keep the navigator div always visible
+    var $scrollingDiv = $(".navigator-root");
+    $(window).scroll(function() {
+        $scrollingDiv.stop()
+            .animate({"marginTop": ($(window).scrollTop() + 60) + "px"}, "slow" );
+    });
 });
 
 // The handlers that take care of showing/hiding the methods