diff --git a/themes/base/jquery.ui.base.css b/themes/base/jquery.ui.base.css
index eed06a277..66a7c24e9 100644
--- a/themes/base/jquery.ui.base.css
+++ b/themes/base/jquery.ui.base.css
@@ -7,5 +7,6 @@
 @import url("jquery.ui.dialog.css");
 @import url("jquery.ui.progressbar.css");
 @import url("jquery.ui.resizable.css");
+@import url("jquery.ui.selectable.css");
 @import url("jquery.ui.slider.css");
 @import url("jquery.ui.tabs.css");
diff --git a/themes/base/jquery.ui.selectable.css b/themes/base/jquery.ui.selectable.css
new file mode 100644
index 000000000..c5d46ce24
--- /dev/null
+++ b/themes/base/jquery.ui.selectable.css
@@ -0,0 +1,3 @@
+/* Selectable
+----------------------------------*/
+.ui-selectable-helper { border:1px dotted black }
diff --git a/ui/jquery.ui.selectable.js b/ui/jquery.ui.selectable.js
index ea4a20c1f..c965a3c1f 100644
--- a/ui/jquery.ui.selectable.js
+++ b/ui/jquery.ui.selectable.js
@@ -57,9 +57,7 @@ $.widget("ui.selectable", $.ui.mouse, {
 
 		this._mouseInit();
 
-		this.helper = $(document.createElement('div'))
-			.css({border:'1px dotted black'})
-			.addClass("ui-selectable-helper");
+		this.helper = $("<div class='ui-selectable-helper'>");
 	},
 
 	destroy: function() {