--- 08-paintr.htm.orig	2006-08-28 23:04:38.453125000 +0200
+++ 08-paintr.htm	2006-08-28 23:07:29.468750000 +0200
@@ -7,7 +7,7 @@
    html { min-width:220px; max-width:20em; margin:0 auto; font:1.4em/1.7 Arial, sans-serif; background:#fff; color:#000 }
    h1 { margin:0; content:url(08-paintr-logo) }
    button { margin:0 0 .4em 0; font-size:inherit }
-   canvas#paintr { margin:0 1em 1em 0; border:solid; float:left }
+   canvas#paintr { position:relative; margin:0 1em 1em 0; border:solid; float:left }
    p#disclaimer { clear:both }
    p#rights { font-size:0.8em; background:#fff; color:#aaa }
   </style>
@@ -29,7 +29,7 @@
       canvas.clearPaintr();
      }
      ctx.beginPath();
-     ctx.moveTo(event.offsetX, event.offsetY);
+     ctx.moveTo(event.offsetX || event.layerX, event.offsetY || event.layerY);
      state = 1;
     }
 
@@ -39,7 +39,7 @@
     }
 
     function update(event) {
-     ctx.lineTo(event.offsetX, event.offsetY);
+     ctx.lineTo(event.offsetX || event.layerX, event.offsetY || event.layerY);
      ctx.stroke();
     }