I am exploring the CSS Menu Designer in the HTML Editor. I have had moderate success, but have hit a snag that I have been unable to solve. The menu behaves as I would expect using Firefox, but not using IE 7. I'm testing a simple menu with three main links, "Home", "About Us", and "Contact Us." I have added 3 submenu items under "About Us": "Last Year", "This Year", and "Next Year."
The issue involves the "About Us" menu choice. Should a user click on this choice, I don't want the user to be routed to another page. Only if the user clicks on one of the submenu items do I want the user to be routed to another page. I have done this before using the DHTML 2.2 Menu Designer, and the menus behaved as I expected in both Firefox and IE 7. The CSS menu works fine using Firefox, however, when using IE 7, and a user clicks on the "About Us" menu choice the system tries to route the user to another page which is not there.
The link to the test site is: http://www.momscustomhomes.com/indexTest.shtml
The code for the menu is listed below. Note that I have not included a url reference for the "About Us" menu choice.
<div align="center">
<ul class="menu-menu">
<li class="first"><a href="indexTest.shtml">Home</a></li>
<li>
<a href="">About Us</a> <ul>
<li class="first"><a href="lastYear.shtml">Last Year</a></li>
<li><a href="thisYear.shtml">This Year</a></li>
<li><a href="nextYear.shtml">Next Year</a></li>
</ul>
</li>
<li><a href="contactUs.shtml">Contact Us</a></li>
</ul>
</div>
Do you have any suggestions how this menu behavior can be changed when using IE 7?
Thanks, in advance, for any help you can provide.
________________________________
A good mind is like a sponge in water.