diff --git a/css/style.css b/css/style.css
index 506a69a..88d5be0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -300,7 +300,7 @@ bento:before {
 .editor .file-window {
   padding: 10px 10px 10px 46px;
   position: relative;
-  min-height: 432px;
+  min-height: 335px;
 }
 
 .editor .css-view {
@@ -1192,7 +1192,7 @@ plate orange:nth-last-child(4)
   width: 30px;
   display: inline-block;
   opacity: .25;
-  transition: opacity .2s .ease-out;
+  transition: opacity .2s ease-out;
 }
 
 .level-nav a:hover {
diff --git a/index.html b/index.html
index df4809a..9c9e5ca 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,7 @@ <h4>Exhibit 1 - A CSS Rule</h4>
           </div>
           <div class="file-window css-view">
             <div class="line-numbers">
-              1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>11<br/>12<br/>13<br/>14<br/>15<br/>16<br/>17<br/>18<br/>19<br/>20
+              1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>11<br/>12<br/>13<br/>14<br/>15
             </div>
               <input class="input-strobe" type="text" placeholder="Type in a CSS selector"/><span class="plus">+</span><div class="enter-button">enter</div>
             <div>
@@ -112,7 +112,7 @@ <h4>Exhibit 1 - A CSS Rule</h4>
             HTML Viewer
           </div>
           <div class="file-window">
-            <div class="line-numbers">1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>11<br/>12<br/>13<br/>14<br/>15<br/>16<br/>17<br/>18<br/>19<br/>20</div>
+            <div class="line-numbers">1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>11<br/>12<br/>13<br/>14<br/>15</div>
             <div class="markup"></div>
           </div>
         </div>
diff --git a/js/restaurant.js b/js/restaurant.js
index 1fa2fbf..3b0d06a 100644
--- a/js/restaurant.js
+++ b/js/restaurant.js
@@ -132,10 +132,10 @@ $(document).ready(function(){
   });
 
   //Shows the tooltip on the table
-  $(".markup").on("mouseover","div *",function(e){
+  $(".markup").on("mouseover","*",function(e){
     el = $(this);
     var markupElements = $(".markup *");
-    var index = markupElements.index(el) -1;
+    var index = markupElements.index(el);
     showTooltip($(".table *").eq(index));
     e.stopPropagation();
   });
@@ -254,7 +254,7 @@ function showTooltip(el){
   var tableElements = $(".table *");
   var index = tableElements.index(el);
   var that = el;
-  $(".markup > div *").eq(index).addClass("enhance").find("*").addClass("enhance");
+  $(".markup *").eq(index).addClass("enhance").find("*").addClass("enhance");
 
   var helper = $(".helper");
 
@@ -547,7 +547,7 @@ function getMarkup(el){
     $(el.children).each(function(i,el){
       wrapperEl.append(getMarkup(el));
     });
-    wrapperEl.append("&lt;" + elName +  "/&gt;");
+    wrapperEl.append("&lt;/" + elName +  "&gt;");
   } else {
     wrapperEl.text("<" + elName + attributeSpace + attributeString + "/>");
   }
@@ -578,7 +578,7 @@ function loadBoard(){
   $(".table *").addClass("pop");
 
 
-  $(".markup").html('<div>&ltdiv class="table"&gt' + markupHolder.html() + '&lt/div&gt</div>');
+  $(".markup").html(markupHolder.html());
 }
 
 // Adds nametags to the items on the table