From 86cf5a6459c355fbd18587833a7616fc98ece418 Mon Sep 17 00:00:00 2001
From: Dan Vanderkam <dan@dygraphs.com>
Date: Sun, 24 Apr 2011 18:43:14 -0400
Subject: [PATCH] works in FF too

---
 tests/drawing.html | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/tests/drawing.html b/tests/drawing.html
index e873b74..cb56267 100644
--- a/tests/drawing.html
+++ b/tests/drawing.html
@@ -23,7 +23,7 @@
     <style type="text/css">
     #tool_zoom {
       background: url('drawing/tool-palette.png');
-      background-position-x: 0px;
+      background-position: 0px 0px;
       width: 32px;
       height: 33px;
       margin-left: 50px;
@@ -31,14 +31,14 @@
     }
     #tool_pencil {
       background: url('drawing/tool-palette.png');
-      background-position-x: -32px;
+      background-position: -32px 0px;
       width: 32px;
       height: 33px;
       display: inline-block;
     }
     #tool_eraser {
       background: url('drawing/tool-palette.png');
-      background-position-x: -64px;
+      background-position: -64px 0px;
       width: 33px;
       height: 33px;
       display: inline-block;
@@ -112,11 +112,15 @@
     }
 
     function change_tool(tool_div) {
-      var ids = ['tool_pencil', 'tool_zoom', 'tool_eraser'];
+      var ids = ['tool_zoom', 'tool_pencil', 'tool_eraser'];
       for (var i = 0; i < ids.length; i++) {
-        document.getElementById(ids[i]).style.backgroundPositionY = 0;
+        var div = document.getElementById(ids[i]);
+        if (div == tool_div) {
+          div.style.backgroundPosition = -(i * 32) + 'px -32px';
+        } else {
+          div.style.backgroundPosition = -(i * 32) + 'px 0px';
+        }
       }
-      tool_div.style.backgroundPositionY = '-32px';
       tool = tool_div.id.replace('tool_', '');
 
       var dg_div = document.getElementById("draw_div");
-- 
2.7.4