Renegade Spry submenu & sub-submenu tabs in IE7

Question

In IE7, submenu tabs for a Spry horizontal menu open at the
top of the page, not adjacent to the menu tabs. Sub-submenu tabs
open at the far right, out of the visible page. No problems in
Firefox
Site is
http://www.broadwaterllc.com/Pages/about.html
Relevant code (admittedly sloppy, but this is my first
attempt) is:
<div align="center" class="style3 style6 style7">
<div align="right"><a href="#"
class="MenuBarItemSubmenu">Transactions</a>
<ul>
<li><a href="recenttransactions.html">Recent
Transactions</a></li>
<li><a href="Transactions.html">All
Transactions</a></li>
<li><a href="#"
class="MenuBarItemSubmenu">Transactions by Segment</a>
<ul>
<li><a href="newspapers.html">Newspaper
Publishing</a></li>
<li><a href="books.html">Book
Publishing</a></li>
<li><a href="eduprof.html">Educational &amp;
Professional</a></li>
<li><a href="B2B_BIS.html">Business Media
&amp; Information</a></li>
<li><a href="Digital.html">Digital
Media</a></li>
<li><a href="Misc.html">Other
Transactions</a></li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li>
Thanks in advance

Answer 1

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.