title: Curved lines using only HTML and/or CSS
body: <p>I need to add curved lines connecting nodes of a diagram in HTML.  I want to create them using <strong><em>only HTML and/or CSS</em></strong>.  I'm ok with CSS3 even if not all browsers support the feature I need (particularly don't care so much about IE8 and below).  Here are solutions I could use with reasons against them:</p>
  
  <ul>
  <li><strong>canvas or svg</strong> - don't like it because I have to then deal with browser differences and not sure of performance when I have hundreds, maybe thousands, of these objects floating between my nice nodes</li>
  <li><strong>image</strong> - I would need a ridiculous number of images to deal with all the possible curved lines and an image doesn't scale nicely at all when zooming in and out</li>
  <li><strong>div with a css border-radius and another div that covers the portion of the lines we don't want</strong> - not worried about IE8 and below not supporting this, but this is an ugly hack where I can't have the resulting curved lines over anything like a background or other lines overlapping.  Can I?</li>
  </ul>
  
  <p>What options am I missing?  Is it possible to have a div with a border-radius that is visible for only 1 corner (and work on all browsers except IE8 and below)?</p>