Spry Toolbar Submenu Issue

I built  a horizontal spry menu using Dreamweaver CS4.  It has 2 levels of submenu.  The first submenu works perfectly in both Firefox and IE.   However the second submenu appears a good inch to the right of the edge of the first level submenu.  This occurs only in Internet Explorer (ver.7) and not in Firefox.  In Firefox it displays  just fine.  I've attached  the CSS code from the spry horizontl menu CSS file in case that helps.  (actually all spry assets are attached)

Am looking for a way to fix the problem without also effecting how it now works in firefox (that is to say, properly)