diff --git a/documentation/css/docs.css b/documentation/css/docs.css
index 4e85ec41..8d0e5f4c 100644
--- a/documentation/css/docs.css
+++ b/documentation/css/docs.css
@@ -238,13 +238,18 @@ div.code {
       }
         .navigation .repl_bridge {
           position: absolute;
-          left: 397px;
-          width: 150px; height: 13px;
-          top: -15px;
+          height: 12px;
+          left: -1px; right: -1px;
+          bottom: -14px;
           border: 1px solid #aaa;
+          z-index: 5;
           background: #fff;
+          display: none;
           border-top-color: #fff; border-bottom-color: #fff;
         }
+          .navigation.active .repl_bridge {
+            display: block;
+          }
         .navigation .code .minibutton {
           top: 10px; right: 10px;
           width: 40px;
diff --git a/documentation/index.html.erb b/documentation/index.html.erb
index 0f99d6ac..ce76e5ad 100644
--- a/documentation/index.html.erb
+++ b/documentation/index.html.erb
@@ -75,9 +75,9 @@
     <div class="navigation try">
       <div class="button">
         Try CoffeeScript
+        <div class="repl_bridge"></div>
       </div>
       <div class="contents repl_wrapper">
-        <div class="repl_bridge"></div>
         <div class="code">
           <div class="screenshadow tl"></div>
           <div class="screenshadow tr"></div>
diff --git a/index.html b/index.html
index 0988ec4c..2e1c6420 100644
--- a/index.html
+++ b/index.html
@@ -56,9 +56,9 @@
     <div class="navigation try">
       <div class="button">
         Try CoffeeScript
+        <div class="repl_bridge"></div>
       </div>
       <div class="contents repl_wrapper">
-        <div class="repl_bridge"></div>
         <div class="code">
           <div class="screenshadow tl"></div>
           <div class="screenshadow tr"></div>