title: Draw lines on HTML page from one div to another
body: <p>I want to be able to draw lines on a webpage from one div to another.  I've looked around, but all I've seen are hacks that rotate webkit images like <a href="http://jsfiddle.net/rudiedirkx/MKkxX/" rel="nofollow">this one</a>.  Raphel.js is another possiblity, but I'd prefer to avoid importing an entire library if I can.  I also need to make sure it works in all browsers.</p>
  
  <p>Is this possible, or am I off my rocker?</p>
  
  <p>UPDATE: I tried Raphael, no dice.  Creating the object overwrites what I currently have.  Code (In case I did something wrong): </p>
  
  <pre><code>window.onload = function() {
          var paper = new Raphael(document.getElementById('image'), 1024, 768);/*
          var line = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");
      };
  </code></pre>