I have been fixing a small site with CSS dropdown. The same dropdown I have been using as a template used to work before with IE7 but this time, it does not on my new project. I’m not sure if it conflicts with new scripts that I am using now. Please help anyone. Thanks in advance 
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title></title>
<style type=“text/css”>
<!–
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
–>
</style>
<link href=“css/modoled.css” rel=“stylesheet” type=“text/css” />
<link href=“css/template.css” rel=“stylesheet” type=“text/css”/>
<script type=“text/javascript” language=“javascript” src=“menu.js”></script>
<script type=“text/javascript” language=“javascript” src=“mm_menu.js”></script>
<style type=“text/css”>
<!–
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
–>
</style>
</head>
<body onLoad=“MM_preloadImages(‘images/btn_b_01.gif’,‘images/btn_b_02.gif’,‘images/btn_b_03.gif’,‘images/btn_b_04.gif’,‘images/btn_b_05.gif’)”>
<script type=“text/javascript”>mmLoadMenus();</script>
<div id=“body_con”>
<div id=“main_logo”><a href=“index.html”><img src=“images/logo.jpg” width=“482” height=“123” border=“0” /></a></div>
<div id=“top_nav”>
<a href=“index.html” onMouseOut=“MM_swapImgRestore();MM_startTimeout()” onMouseOver=“MM_swapImage(‘home_btn’,’’,‘images/btn_b_01.gif’,1)”><img src=“images/btn_01.gif” name=“home_btn” width=“67” height=“34” border=“0” id=“home_btn”></a>
<a href=“about_modoled.html” onMouseOut=“MM_swapImgRestore();MM_startTimeout()” onMouseOver=“MM_swapImage(‘about_btn’,’’,‘images/btn_b_02.gif’,1);MM_showMenu(window.mm_menu_0611134500_0,4,34,null,‘about_btn’)”><img src=“images/btn_02.gif” name=“about_btn” width=“113” height=“34” border=“0” id=“about_btn”></a>
<a href=“modoled_systems.html” onMouseOut=“MM_swapImgRestore();MM_startTimeout()” onMouseOver=“MM_swapImage(‘systems_btn’,’’,‘images/btn_b_03.gif’,1);MM_showMenu(window.mm_menu_0611135817_0,4,34,null,‘systems_btn’)”><img src=“images/btn_03.gif” name=“systems_btn” width=“131” height=“34” border=“0” id=“systems_btn”></a>
<img src=“images/btn_04.gif” width=“96” height=“34”>
<img src=“images/btn_05.gif” width=“92” height=“34”></div>
<object classid=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=“http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=“960” height=“417”>
<param name=“movie” value=“images/intro.swf”>
<param name=“quality” value=“high”>
<embed src=“images/intro.swf” quality=“high” pluginspage=“http://www.macromedia.com/go/getflashplayer” type=“application/x-shockwave-flash” width=“960” height=“417”></embed>
</object>
<div id=“four_panels”>
<div id=“homepanel”>
<table border=“0” cellspacing=“0” cellpadding=“4”>
<tr>
<td><a href=“about_modoled.html”><img src=“images/home_t_01.jpg” width=“229” height=“84” border=“0” /></a></td>
</tr>
<tr>
<td><div align=“right” class=“panel_title”><a href=“about_modoled.html” class=“panel_title”>What is Modoled?</a></div></td>
</tr>
</table>
</div>
<div id=“panel_spacer”></div>
<div id=“homepanel”>
<table border=“0” cellspacing=“0” cellpadding=“4”>
<tr>
<td><a href=“modoled_applications.html”><img src=“images/home_t_02.jpg” width=“229” height=“84” border=“0” /></a></td>
</tr>
<tr>
<td><div align=“right” class=“panel_title”><a href=“modoled_applications.html” class=“panel_title”>Design with Modoled</a></div></td>
</tr>
</table>
</div>
<div id=“panel_spacer”></div>
<div id=“homepanel”>
<table border=“0” cellspacing=“0” cellpadding=“4”>
<tr>
<td><img src=“images/home_t_03.jpg” width=“229” height=“84” /></td>
</tr>
<tr>
<td><div align=“right” class=“panel_title”>Buy Modoled</div></td>
</tr>
</table>
</div>
<div id=“panel_spacer”></div>
<div id=“homepanel”>
<table border=“0” cellspacing=“0” cellpadding=“4”>
<tr>
<td><a href=“latest_news.html”><img src=“images/home_t_04.jpg” width=“229” height=“84” border=“0” /></a></td>
</tr>
<tr>
<td><div align=“right” class=“panel_title”><a href=“latest_news.html” class=“panel_title”>Latest News</a></div></td>
</tr>
</table>
</div>
</div>
<div id=“copyright”><span class=“wht_text”>All Rights Reserved 2010 . Modoled Modular Illuminated Systems</span></div>
</div>
</body>
</html>
