diff --git a/development/bg.gif b/development/bg.gif
new file mode 100644
index 0000000..24bbb4b
Binary files /dev/null and b/development/bg.gif differ
diff --git a/index.css b/index.css
index cbb3b7f..aed0149 100644
--- a/index.css
+++ b/index.css
@@ -73,7 +73,7 @@ pre {
 	display: inline-block;
 	width: 23px;
 	height: 23px;
-	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEXMzMwAAADTMzNkAAAAAnRSTlP/AOW3MEoAAAARSURBVAjXY2D+wICG/jCgIQDPPwub2NOsgwAAAABJRU5ErkJggg==');
+	background: #fff url('data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7');
 }
 .div-toggles .color div div {
 	border: 1px solid #666;
diff --git a/index.html b/index.html
index a9e59a1..dbd14bd 100644
--- a/index.html
+++ b/index.html
@@ -446,7 +446,7 @@ window.myColorPicker = $('input.color').colorPicker({
 			cssAddon: // could also be in a css file instead
 				'.cp-patch{float:left; margin:9px 0 0;' +
 					'height:24px; width: 24px; border:1px solid #aaa;}' +
-				'.cp-patch{background-image: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEXMzMwAAADTMzNkAAAAAnRSTlP/AOW3MEoAAAARSURBVAjXY2D+wICG/jCgIQDPPwub2NOsgwAAAABJRU5ErkJggg==\');}' +
+				'.cp-patch{background-image: url(\'data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7\');}' +
 				'.cp-patch div{height:24px; width: 24px;}' +
 				'.cp-disp{padding:4px 0 4px 4px; margin-top:10px; font-size:12px;' +
 					'height:16px; line-height:16px; color:#333;}' +