Spry Submenu Doesn't Work Properly in IE7

Report · Apr 30, 2008

The page in question is at http://www.mayland.edu/test/index.html .

I am at my wits end at solving a submenu drop-down problem in IE7. I used the Horizontal Spry menu creation in Dreamweaver CS3, placing it in a <div> and using that to fill the bar out across the page's design and center it in the window. I have modified the background colors and font sizes. The page looks fine in Firefox and Safari, but when the submenu appears in IE7, menu items appear inline horizontally with each other instead of vertically one under another. I'm sure there is a setting in the CSS that I have either messed up or haven't set properly to make the menu appear properly, but I can't find the problem. Could someone take a look and give ma an idea of what I could do to make this work?

Report · May 10, 2008

The best thing to do is to start a new page. Add a menu bar to it. Set it up the way you need it. Then make a copy of the DW generated CSS. Then open the non copy virsion. Inside you will see a lot of comments that tell you what each is doing. It will also point out the IE bug fixes. P.S. some are in the html code as well. Work with this copy until you have it looking the way you want it in the web browsers. Then copy and past it over your live copy on the server. Use the back up if you make a change you do not like and can not remember how to fix. Remember to do one or two changes at a time. Then test.