Problems with Spry Horz Menu in IE

Question

I'm not a pro at designing websites, I've only designed like 1 or 2, so bear with me. My website is basically fully functional in every browser EXCEPT the spry menu bar in IE, it *seems* to be in any version since other people have been telling me it doesnt work in their IE browsers either. Its only on the home page, and all it does is kind of block out the background image that I have behind it, and since the links are white, you cant see anything unless you know to hover over the area and the links will turn grey. So the menu WORKS, you can click on the links and the other pages have the menu displayed correctly, its just screwed up on the home page. Maybe I can get some insight as to how to fix?
Heres the link to the site: http://www.combocabinets.net
Its weird because Adobe Browser labs show that its functional on the home page in every IE version. But when I actually open it up in the browser, it doesnt work.
Thank you!

Answer 1

Hi,
ok, on we go!First I widened your "logo_menu.jpg.from 175px to 200px, so the rest from the white shape no longer disturbs.
In your "SpryMenuBarHorizontal.css" I inserted (only here at hte moment) a background image:
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
text-decoration: none;
/* color: #CCC;*/
color:#0F0;
background-image: url(../images/navHG.jpg);
Now in my DW it looks like this:
or using the menu (More Info > red; sorry about the quality):
You could use your "combo.css" and "SpryMenuBarHorizontal.css" as a playing field and until such time as you are happy with the result.
Hans-G.