Spry Vertical Menubar won't fly open in any browser
 

I am just learning and am struggling with the Spry vertical menubar. It won't fly open on the submenus. I have searched and tried z-index, position, and everything I can think of - with no luck. My website is http://www.alamocitypepperproducts.com/index.html There are submenus under Products and Recipes, but you can't see them. They don't appear in Dreamweaver, or any browser so I am obviously missing something. I would really appreciate any assistance.

Attached is my SpryMenuBarVertical.css

Firefox can't establish a connection to the server at www.alamocitypepperproducts.com.

Why?
 

Any ideas what would cause the error? The site is hosted at Dreamhost.com. I can access it thru the web panel and can upload files. But it is not available anymore from a browser. Is it an issue at Dreamhost or something I did?

It's back up. I'll take a look.

It looks like you deleted the left property in this style. Put it back in and see if that fixes it.

ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}

Thanks so much for looking. I added the left as you suggested and the submenus still don't want to fly out.

Just checked this in FF3 and the fly-outs are working fine. However the link text is the same color as the background. You need to change the color to #000 in your .menubox ul li a

I think that this has already been fixed with the latest FF version. https://imagicon.info/cat/13/1.gif