Same settings, two divs?

Trial and error have paid off:

  window.onload = function()
  {
    settings = {
      tl: { radius: 11 },
      tr: { radius: 11 },
      bl: { radius: 11 },
      br: { radius: 11 },
      antiAlias: false,
      autoPad: false
    }
    
    settings2 = {
      tl: { radius: 11 },
      tr: { radius: 11 },
      bl: { radius: 11 },
      br: { radius: 11 },
      antiAlias: false,
      autoPad: false
    }

    var divObj = document.getElementById("sidebar-left");
    var divObj2 = document.getElementById("sidebar-right")

    var cornersObj = new curvyCorners(settings, divObj);
    cornersObj.applyCornersToAll();
    
    var cornersObj2 = new curvyCorners(settings2, divObj2);
    cornersObj2.applyCornersToAll();

  }

(Drupal 5.7, PHP 5.2.4, MySQL 5.0.45)

After more testing, it appears that the above code sample may not be the best. My testing was very positive, but this feature breaks my sidebars when using IE7.

To summarize my setup, my sidebar-left contains a group of blockbars and within each blockbar there is a DHTML menu.

When I click to open a blockbar item on the left sidebar, the right sidebar jumps over to overlap with the left sidebar.

I have no idea if this is the fault of curvyCorners or not, but it seems logical. I have no workaround, except to remove curvyCorners entirely.

Anyone?

For what it's worth, this issue appears to be more related to the Drupal theme I am using (Zen). I should probably have tested a pure-CSS solution before posting issues, but of course had not because I had hoped that JS would make the job easier. Anyway, I finally got around to it and repeated the issue in CSS. So I'm now skeptical that curvyCorners is actually at fault here.