Spry Submenu Doesn't Work Properly in IE7

[wncheels]

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

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?

[imaaxa]

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.