     @editor.renderer.addContainer(@container, true)
     @editor.renderer.addStyles({
       '#cursor-container': { 'position': 'absolute', 'z-index': '1000' }
-      '.cursor': { 'position': 'absolute' }
-      '.cursor-name': {
+      '.cursor': { 'margin-left': '-1px', 'position': 'absolute' }
+      '.cursor-flag':
         'bottom': '100%'
+        'position': 'absolute'
+        'white-space': 'nowrap'
+      '.cursor-name':
+        'display': 'inline-block'
         'color': 'white'
         'padding': '2px 8px'
-        'position': 'absolute'
-        'white-space': 'nowrap'
-      }
-      '.cursor-caret': { 
+      '.cursor-caret':
         'height': '100%'
         'position': 'absolute'
         'width': '2px'
-      }
-      '.cursor.hidden .cursor-name': { 'display': 'none' }
-      '.cursor.top > .cursor-name': { 'bottom': 'inherit', 'top': '100%' }
+      '.cursor.hidden .cursor-flag': { 'display': 'none' }
+      '.cursor.top > .cursor-flag': { 'bottom': 'inherit', 'top': '100%' }
     })
     @editor.renderer.on(Scribe.Renderer.events.UPDATE, =>
       _.defer( =>


class Scribe.MultiCursor
  @DEFAULTS:
    template: '<span class="cursor-name"></span><span class="cursor-caret"></span>'
    timeout: 2500

  constructor: (@editor, options = {}) ->

  cursor = @container.ownerDocument.createElement('span')
  Scribe.DOM.addClass(cursor, 'cursor')
  cursor.innerHTML = @options.template
  cursorFlag = cursor.querySelector('.cursor-flag')
  cursorName = cursor.querySelector('.cursor-name')
  cursorName.textContent = name
  cursorCaret = cursor.querySelector('.cursor-caret')
