diff --git a/examples/timeline/18_range_overflow.html b/examples/timeline/18_range_overflow.html
index b1636ad7..cac86a8a 100644
--- a/examples/timeline/18_range_overflow.html
+++ b/examples/timeline/18_range_overflow.html
@@ -11,7 +11,7 @@
       font-family: sans-serif;
     }
 
-    .vis-item .vis-item-frame {
+    .vis-item .vis-item-overflow {
       overflow: visible;
     }
   </style>
@@ -22,7 +22,7 @@
   In case of ranges being spread over a wide range of time, it can be interesting to have the text contents of the ranges overflow the box. This can be achieved by changing the overflow property of the contents to visible with css:
 </p>
 <pre>
-.vis-item .vis-item-frame {
+.vis-item .vis-item-overflow {
   overflow: visible;
 }
 </pre>
diff --git a/lib/timeline/component/css/item.css b/lib/timeline/component/css/item.css
index 225daf83..756c55b0 100644
--- a/lib/timeline/component/css/item.css
+++ b/lib/timeline/component/css/item.css
@@ -57,7 +57,7 @@
   margin: 0;
 }
 
-.vis-item .vis-item-frame {
+.vis-item .vis-item-overflow {
   position: relative;
   width: 100%;
   height: 100%;
diff --git a/lib/timeline/component/item/BackgroundItem.js b/lib/timeline/component/item/BackgroundItem.js
index 62493dc6..dba94be0 100644
--- a/lib/timeline/component/item/BackgroundItem.js
+++ b/lib/timeline/component/item/BackgroundItem.js
@@ -66,7 +66,7 @@ BackgroundItem.prototype.redraw = function() {
 
     // frame box (to prevent the item contents from overflowing
     dom.frame = document.createElement('div');
-    dom.frame.className = 'vis-item-frame';
+    dom.frame.className = 'vis-item-overflow';
     dom.box.appendChild(dom.frame);
 
     // contents box
diff --git a/lib/timeline/component/item/RangeItem.js b/lib/timeline/component/item/RangeItem.js
index fcc65e8b..10e36a78 100644
--- a/lib/timeline/component/item/RangeItem.js
+++ b/lib/timeline/component/item/RangeItem.js
@@ -62,7 +62,7 @@ RangeItem.prototype.redraw = function() {
 
     // frame box (to prevent the item contents from overflowing
     dom.frame = document.createElement('div');
-    dom.frame.className = 'vis-item-frame';
+    dom.frame.className = 'vis-item-overflow';
     dom.box.appendChild(dom.frame);
 
     // contents box
diff --git a/test/timeline.html b/test/timeline.html
index e6fb7e13..add85cdd 100644
--- a/test/timeline.html
+++ b/test/timeline.html
@@ -23,7 +23,7 @@
     .vis-timeline .vis-item.vis-range .vis-drag-left,
     .vis-timeline .vis-item.vis-range .vis-drag-right {
       /*width: 40px;*/
-      background: rgba(255,255,255,0.5);
+      background: rgba(255,0,0,0.5);
     }
 
     #visualization .vis-grid.vis-vertical.odd {