Issue #5 Setting position absolute and pointer-evetns none in the JS (as well as css) on the tooltip, appears to fix both issues I was having with them

src/d3.css

@@ -38,14 +38,21 @@
   -moz-transition-delay: 500ms;
   -webkit-transition-delay: 500ms;
 
-  -moz-box-shadow: 4px 4px 12px rgba(0,0,0,.5);
-  -webkit-box-shadow: 4px 4px 12px rgba(0,0,0,.5);
-  box-shadow: 4px 4px 12px rgba(0,0,0,.5);
+  -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
+  -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
+  box-shadow: 4px 4px 8px rgba(0,0,0,.5);
 
-  -moz-border-radius: 15px;
-  border-radius: 15px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 
   pointer-events: none;
+
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .nvtooltip h3 {

src/tooltip.js

@@ -19,9 +19,10 @@
     var body = document.getElementsByTagName("body")[0];
 
     container.innerHTML = content;
-    container.style.left = 1;
-    container.style.top = 1;
+    container.style.left = 0;
+    container.style.top = 0;
     container.style.opacity = 0;
+
     body.appendChild(container);
 
     var height = parseInt(container.offsetHeight),
@@ -68,6 +69,8 @@
     container.style.left = left+"px";
     container.style.top = top+"px";
     container.style.opacity = 1;
+    container.style.position = "absolute"; //fix scroll bar issue
+    container.style.pointerEvents = "none"; //fix scroll bar issue
 
     return container;
   };