use span for emoticons

scss/_window.scss

@@ -211,7 +211,7 @@
         }
 
         li {
-            div {
+            span {
                 float: left;
                 cursor: pointer;
                 border-radius: 3px;
@@ -548,6 +548,12 @@
             background-image: image-url("filetypes/text.svg");
         }
     }
+
+    .jsxc_emoticon.jsxc_large {
+        width: 40px;
+        height: 40px;
+        margin-bottom: 7px;
+    }
 }
 
 .jsxc_timestamp {

scss/emoticons.scss

@@ -5,12 +5,6 @@
     background-size: contain;
     border: 0;
     vertical-align: bottom;
-
-    &.jsxc_large {
-        width: 40px;
-        height: 40px;
-        margin-bottom: 7px;
-    }
 }
 
 #jsxc_roster .jsxc_emoticon.jsxc_large {

src/jsxc.lib.gui.js

@@ -1422,7 +1422,7 @@ jsxc.gui = {
             src = jsxc.options.root + '/lib/emojione/assets/svg/' + filename + '.svg';
          }
 
-         var div = $('<div>');
+         var div = $('<span>');
 
          div.addClass('jsxc_emoticon');
          div.css('background-image', 'url(' + src + ')');