--- a/integration/js/tangle.js	Mon Jun 03 17:47:15 2013 +0200
+++ b/integration/js/tangle.js	Tue Jun 04 12:50:33 2013 +0200
@@ -34,11 +34,15 @@
     function updateRenderChapter(chapterData){
         var segment = $('.chapter-segments li#'+chapterData.id),
             wChapterSegmentWrap = $('.chapter-segments').width(),
-            wSegmentNew = Math.floor(chapterData.getDuration() * wChapterSegmentWrap / myMedia.duration),
+            wSegmentNew = chapterData.getDuration() * wChapterSegmentWrap / myMedia.duration,
+            lSegmentNew = chapterData.begin * wChapterSegmentWrap / myMedia.duration,
             row = $('#row-list-chapter-'+chapterData.id),
             form = ($('#form-chapter-edit-'+chapterData.id).length) ? $('#form-chapter-edit-'+chapterData.id) : false;
 
-        segment.width(wSegmentNew);
+        segment.css({
+            width : wSegmentNew,
+            left : lSegmentNew
+        });
 
         row.find('.begin').text(chapterData.begin);
         row.find('.duration').text(chapterData.getDuration());