I have a menu in use that uses DHTML, CSS and Javascript.
It looks OK except for the borders between the hidden element and the menu items above it in IE.
If anyone gets a chance to look at the menu at www.rootshomeinspection.com/index1.htm they will see that it looks good in Firefox and Opera. In IE however it has a double bottom border on one of the menu items and the top of the menu item has no border. It behaves like they are the same div. If you set it to do a border around one, it does it around both.

The menu is not connected to anything, and the services tab is the only one that uses the dropdown.

I have been battling this for many hours and maybe someone will see the situation and tell me what is happening in 3 minutes.

Thanks in advance,

Chris

Ok, your nav menu is a mess - sorry.

<li id="availability"><a href="availability.htm">Availability</a></li>
<li id="testimonials"><a href="testimonials.htm">Testimonials</a>
<div id="line"><img src="assets/line.jpg" /></div></li>
<a class="menu1" onclick="showHide('mymenu1')">Services</a>
<div id="mymenu1" class="hide">
<a href="structure.htm" class="submenu">Structure</a>
<a href="radon.htm" class="submenu">Radon</a>
<a href="termite.htm" class="submenu">Termite</a>
<a href="asbestos" class="submenu">Asbestos</a>
<a href="mold" class="submenu">Mold</a>
</div>
<li id="contact"><a href="contacts.htm">Contact Us</a></li>

You simply CAN NOT have divs inside of <li>s that way, it is improper coding and likely the source of your problem. You need to clean that up and make it a proper list.

http://css.maxdesign.com.au/listutorial/index.htm

You might want to check out this source for many menu styles:
http://www.alvit.de/css-showcase/css...s-showcase.php