Fix xmas UI for relative installs

css/hues-x.css

@@ -32,21 +32,26 @@
     background-image: url("../img/lightbase.png");
 }
 
-.hues-x-light > div > img {
-    position: absolute;
-}
-
 .hues-x-fade{
     transition: opacity 0.1s linear;
     -webkit-transition: opacity 0.1s linear;
 }
 
+.hues-x-lighton, .hues-x-lightoff {
+    position: absolute;
+    width: 68px;
+    height: 113px;
+    background-repeat: no-repeat;
+}
+
 .hues-x-lighton {
     opacity: 1;
+    background-image: url("../img/lighton.png");
 }
 
 .hues-x-lightoff {
     opacity: 0;
+    background-image: url("../img/lightoff.png");
 }
 
 .hues-x-lighton.off{

js/HuesUI.js

@@ -899,10 +899,8 @@ XmasUI.prototype.newLight = function(l, parent) {
     var light = document.createElement("div");
     light.className = "hues-x-light";
     var bulb = document.createElement("div");
-    var on = document.createElement("img");
+    var on = document.createElement("div");
-    on.src = "./img/lighton.png";
+    var off = document.createElement("div");
-    var off = document.createElement("img");
-    off.src = "./img/lightoff.png";
     bulb.appendChild(on);
     bulb.appendChild(off);
     light.appendChild(bulb);