Fix overflow

css/hues-r.css

@@ -8,6 +8,8 @@
     position: absolute;
     bottom: 0px;
     white-space: nowrap;
+    overflow: hidden;
+    width: 100%;
     font-size: 10px;
 }
 

css/hues-x.css

@@ -93,24 +93,36 @@
 .hues-x-wiresleft, .hues-x-wiresright {
     height: 100%;
     top: 0px;
+    overflow: hidden;
 }
 
 .hues-x-wiresleft {
-    width: 76px;
+    width: 200px;
     left: 0px;
     background-image: url("../img/wiresleft.png");
 }
 
 .hues-x-wiresright {
-    width: 59px;
+    width: 200px;
     right: 0px;
     background-image: url("../img/wiresright.png");
+    background-position: 141px 0px;
 }
 
-.hues-x-wiresbottom {
+.hues-x-wiresbottomhelper {
+    position: absolute;
     bottom: 0px;
-    height: 56px;
+    width: 100%;
+    height: 200px;
+    overflow: hidden;
+}
+
+.hues-x-wiresbottom {
+    height: 200px;
     width:2889px;
     background-image: url("../img/wiresbottom.png");
-    left:50%;margin-left:-1444.5px;
+    background-position: 0px 144px;
+    left:50%;
+    margin-left: -1444.5px;
+    overflow: hidden;
 }

js/HuesUI.js

@@ -774,6 +774,8 @@ function XmasUI() {
         this.lights.push(light);
     }
     
+    var bottomHelper = document.createElement("div");
+    bottomHelper.className = "hues-x-wiresbottomhelper";
     var bottom = document.createElement("div");
     bottom.className = "hues-x-wiresbottom";
     for(var i = 0; i < xbottom.length; i++) {
@@ -787,7 +789,8 @@ function XmasUI() {
     
     wires.appendChild(left);
     wires.appendChild(right);
-    wires.appendChild(bottom);
+    bottomHelper.appendChild(bottom);
+    wires.appendChild(bottomHelper);
     this.root.appendChild(wires);
 }
 XmasUI.prototype = Object.create(ModernUI.prototype);