Spry SubMenuBar Issue

Question

I've checked lots of other posts but none addressed the problem I'm having-
I've built a horizontal MenuBar with 4 Galleries in a SubMenu under the Galleries tab
The dropdown position renders correctly in Firefox, GoogleChrome, Safari, and Dreamweaver CS4 LiveView -  but appears about 360 px to the left of where I want it in IE8 (Both on-line and displaying the local page)
A page showing the problem is here:
   http://www.villardimages.com/New_Master1d.htm
(stylesheet is CanyonMenuBar.css)
As with others - I'm pulling what's left of my hair out after 3 or 4 days trying to fix or workaround this problem!
Any help would be GREATLY appreciated.
Lee G.

Answer 1

when validating your page's css I got these errors...I am not sure what is wrong with your page, but fix the errors and then check it
83
The @charset rule may only occur at the start of the style sheet. Please check that there are no spaces before it. @charset "UTF-8";
291ul.MenuBarHorizontal iframeattempt to find a semi-colon before the property name. add it
0ul.MenuBarHorizontal iframeParse Error null
291ul.MenuBarHorizontal iframeProperty opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.1
291ul.MenuBarHorizontal iframeParse Error 0.1);
292ul.MenuBarHorizontal iframeParse Error }