window.onload = function ()
{
   // if we are going to round the corners, we will need more margin (and a thicker border will look less blocky)
   var outerDiv = document.getElementById("outerDiv");
   var innerDiv = document.getElementById("innerDiv");
   outerDiv.style.border = '3px solid #000000';
   outerDiv.style.margin = '10px 0';
   innerDiv.style.padding = '0 5px';

   var settings = {
      tl: { radius: 10 },
      tr: { radius: 10 },
      bl: { radius: 10 },
      br: { radius: 10 },
      antiAlias: true,
      autoPad: false,
      validTags: ["div"]
   }

   // add the rounded corners
   var rounder = new curvyCorners(settings, outerDiv);
   rounder.applyCornersToAll();
}