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/dynamici...optabmenu.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.