[jQuery] Rounded corners and drop shadow?

[Shawn]

I'm using the roundcorners-canvas plugin, and the dropshadow plugin.  I 
have a div on the page I would like to have rounded corners AND a drop 
shadow.  However running code like the following doesn't do quite what 
you would think:

$("#navigation").corner("20px").dropShadow();

The corners of the div are rounded, but with a white area that fills out 
the rectangle.  THEN you get the shadow.  So this kinda ruins the effect 
of the rounded corners.

I'm still reading, but one thing the dropShadow details say (in the 
dropShadow plugin file) is that the plugin tries to guess what colors to 
use based on the transparency or color of the element.  So I changed my 
CSS to not assign a background color, and this didn't work out so well. 
 It shows the text of the div in shadow, and blured, but way too large.

My div looks something like this, if it helps:

<div id="navigation">
  <ul>
    <li id="item1" class="head">Item</li>
    <li id="item2" class="head">Item
      <ul>
        <li id="item2" >Item</li>
        <li id="item3" >Item</li>
        <li id="item4" >>Item</li></li>
        <li id="item5" >>Item</li></li>
        <li id="item6" >>Item</li></li>
        <li id="item7" >>Item</li></li>
      </ul>
    </li>
    <li id="item8" class="head">>Item</li></li>
  </ul>
</div>

Any tips or tricks I need to know about to make this happen?  Thanks in 
advance.

Shawn