IE7 + CSS Dropdown style menu, suddently not working anymore !

[masterfred]

Hi Guys !

I have this weird bug that just suddently appeared. I'm using this menu script (Drop Down Tabs (5 styles) - http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm).

Everything worked well (pc / mac and crossbrowsers) but this morning, the menu just kinda explosed in IE7 !

Here is my code


<td>
<div id="slidemenu" class="slidetabsmenu">
<ul>
<li><a href="#" title="1"><span>ACCUEIL</span></a></li>
<li><a href="#" title="2" rel="dropmenu1_dent"><span>SERVICES</span></a></li>
<li><a href="#" title="3" rel="dropmenu2_dent"><span>ÉQUIPE</span></a></li>
<li><a href="#" title="4" rel="dropmenu3_dent"><span>INSTRUCTIONS</span></a></li>
<li><a href="#" title="5" rel="dropmenu4_dent"><span>MÉDECINS</span></a></li>
<li><a href="#" title="6"><span>NOUS JOINDRE</span></a></li>
<li><a href="#" title="7"><span>ENGLISH</span></a></li>
</ul>
</div>

<br style="clear: left;" />
<br class="IEonlybr" />

<!--1st drop down menu -->
<div id="dropmenu1_dent" class="dropmenudiv_c" style="width:auto;">
<a href="#">Dents de sagesse</a>
<a href="#">Implants dentaires</a>
<a href="#">Extractions dentaires</a>
<a href="#">Chirurgie orthodontique</a>
<a href="#">Greffe osseuse et reconstruction</a>
<a href="#">Douleurs masticatoires (ATM)</a>
<a href="#">Pathologie buccale</a>
<a href="#">Chirurgie pré prothétique</a>
<a href="#">Traumatisme du visage</a>
<a href="#">Apectomie</a>
</div>

<!--2nd drop down menu -->
<div id="dropmenu2_dent" class="dropmenudiv_c" style="width:auto;">
<a href="#">Dr Jacques Goulets</a>
<a href="#">Dr Pierre Monaghan</a>
<a href="#">Dr Alain Martel</a>
<a href="#">Dr Jean-François Gravel</a>
</div>

<!--3rd drop down menu -->
<div id="dropmenu3_dent" class="dropmenudiv_c" style="width:auto;">
<a href="#">Extractions dentaires</a>
<a href="#">Implants dentaires</a>
<a href="#">Sédation IV</a>
</div>

<!--4nd drop down menu -->
<div id="dropmenu4_dent" class="dropmenudiv_c" style="width:auto;">
<a href="#">Référence en ligne</a>
<a href="#">Éducation continue</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("slidemenu")
</script>

</td>

I've been searching for 2 hours now and really found nothing !

Please help me

Thanks !

[masterfred]

Here :

http://www.akro.ca/goulets/menu.php#

[masterfred]

I'm now getting the sub-menu to act very weird. I double checked with the original code and all the main items are there ...

[ddadmin]

From what I can tell the CSS for your drop down menus .dropmenudiv_c is missing certain essential values, such as a width:


.dropmenudiv_c{
position:absolute;
top: 0;
/*border: 1px solid #000000; THEME CHANGE HERE*/
/*border-width: 0 1px;*/
font:normal 10px Arial;
line-height:18px;
z-index:100;
background-color: #666666;
/*width: 200px;*/
visibility: hidden;
}

For example, the line in red is commented out, and shouldn't be.