3 files changed, 16 insertions, 6 deletions
diff --git a/lib/clipboard.coffee b/lib/clipboard.coffee
index 2b28df70..26cd2fad 100644
--- a/lib/clipboard.coffee
+++ b/lib/clipboard.coffee
@@ -1,6 +1,6 @@
 Clipboard =
   _createTextArea: ->
-    textArea = document.createElement("textarea")
+    textArea = DomUtils.createElement("textarea")
     textArea.style.position = "absolute"
     textArea.style.left = "-100%"
     textArea
diff --git a/lib/dom_utils.coffee b/lib/dom_utils.coffee
index d4f5953d..8a3969b1 100644
--- a/lib/dom_utils.coffee
+++ b/lib/dom_utils.coffee
@@ -8,12 +8,22 @@ DomUtils =
     else
       func()
 
+  createElement: (tagName) ->
+    element = document.createElement tagName
+    if element.style
+      # The document namespace provides (X)HTML elements, so we can use them directly.
+      element
+    else
+      # The document namespace doesn't give (X)HTML elements, so we create them with the correct namespace
+      # manually.
+      document.createElementNS "http://www.w3.org/1999/xhtml", tagName
+
   #
   # Adds a list of elements to a page.
   # Note that adding these nodes all at once (via the parent div) is significantly faster than one-by-one.
   #
   addElementList: (els, overlayOptions) ->
-    parent = document.createElement("div")
+    parent = DomUtils.createElement("div")
     parent.id = overlayOptions.id if overlayOptions.id?
     parent.className = overlayOptions.className if overlayOptions.className?
     parent.appendChild(el) for el in els
@@ -236,7 +246,7 @@ DomUtils =
 
   # momentarily flash a rectangular border to give user some visual feedback
   flashRect: (rect) ->
-    flashEl = document.createElement("div")
+    flashEl = DomUtils.createElement("div")
     flashEl.id = "vimiumFlash"
     flashEl.className = "vimiumReset"
     flashEl.style.left = rect.left + window.scrollX + "px"
@@ -297,7 +307,7 @@ DomUtils =
       'letterSpacing', 'wordSpacing' ]
 
     (element, position) ->
-      div = document.createElement "div"
+      div = DomUtils.createElement "div"
       div.id = "vimium-input-textarea-caret-position-mirror-div"
       document.body.appendChild div
 
@@ -315,7 +325,7 @@ DomUtils =
       if element.nodeName.toLowerCase() == "input"
         div.textContent = div.textContent.replace /\s/g, "\u00a0"
 
-      span = document.createElement "span"
+      span = DomUtils.createElement "span"
       span.textContent = element.value.substring(position) || "."
       div.appendChild span
 
diff --git a/lib/utils.coffee b/lib/utils.coffee
index d4beff03..c0da6fb3 100644
--- a/lib/utils.coffee
+++ b/lib/utils.coffee
@@ -21,7 +21,7 @@ Utils =
 
   # Creates a single DOM element from :html
   createElementFromHtml: (html) ->
-    tmp = document.createElement("div")
+    tmp = DomUtils.createElement("div")
     tmp.innerHTML = html
     tmp.firstChild