--- a/src/js/widgets/segmentsWidget.js	Wed Nov 09 17:25:23 2011 +0100
+++ b/src/js/widgets/segmentsWidget.js	Thu Nov 10 11:00:28 2011 +0100
@@ -18,7 +18,8 @@
   var annotations = this._serializer._data.annotations;
 
   this.selector.css("overflow", "auto"); // clear the floats - FIXME : to refactor ?
-  this.selector.append("<div style='position: absolute; z-index: 100; width: 1px; height: 20px; background-color: white;'></div>");
+  this.selector.append(Mustache.to_html(IriSP.segment_marker_template));
+  
   this.positionMarker = this.selector.children(":first");
   
   this._Popcorn.listen("timeupdate", IriSP.wrap(this, this.positionUpdater));

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/templates/segment_marker.html	Thu Nov 10 11:00:28 2011 +0100
@@ -0,0 +1,3 @@
+{{! the template for the small white bars which is z-indexed over our segment widget }}
+<div style='position: absolute; z-index: 100; width: 1px; height: 20px; background-color: white;'>
+</div>
\ No newline at end of file