Spry MenuBar Test in IE (background color check)

Question

This is a part two to a previous post. I have a Spry menu bar in my clients app and right now my issue is that the menu bar when you rollover over to view the drop down (in this case a drop up since the menu is above the main menu) should display a menu with a background color of #887242 which in Firefox and Safari it does, but in IE (any version) it instead inherits the color of the main nav bar which is #483828. Originally the background was all white in IE and then I went to the CSS and found this:
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background-color: #FFF;
So I changed #FFF to #483828 and that took care of the menu bar but applied the color to both the menu bar and drop down. I want the drop down to be a different background color as mentioned previously so after a little looking around I'm trying this:
@media screen, projection
    ul.MenuBarHorizontal ul
    display: inline;
    f\loat: left;
    background-color: #887242;
underneath that. Since I'm on Mac, I can't eee the drop down on BrowserLab or BrowserShots so can anyone on a PC please check briefly this URL for me to tell me if the drop down is showing the proper background color and if not, is there a fix?
http://www.designmg.com/new//index3.html

Answer 1

OK, I tried it with my PC on both Firefox and IE8. With Firefox the menu and submenu text is the orange color but changes to white on hover. Also on hover the drop up submenu appears and the background is the beige color. With IE8 the menu text is italic (somewhat slanted), the text turns white on hover but the background does not appear. Instead, a beige vertical line appears to the right of the drop up submenu (maybe 5 px wide).
Hope that helps. Sorry I can't offer any suggestions - I'm pretty new at this and I'm working my own issues out with IE. Good luck and Happy New Year
RM