# IE 7 not showing CSS dropdown but works in Mozilla

**URL:** https://forum.kirupa.com/t/ie-7-not-showing-css-dropdown-but-works-in-mozilla/308397
**Category:** web dev
**Created:** [April 22, 2010, 3:47am UTC](https://forum.kirupa.com/t/ie-7-not-showing-css-dropdown-but-works-in-mozilla/308397 "2010-04-22T03:47:55Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![dreamartisan](https://avatars.discourse-cdn.com/v4/letter/d/f08c70/32.png) [@dreamartisan](https://forum.kirupa.com/u/dreamartisan)
#### Post date: [April 22, 2010, 3:47am UTC](https://forum.kirupa.com/t/ie-7-not-showing-css-dropdown-but-works-in-mozilla/308397/1 "2010-04-22T03:47:55Z")

</div>

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](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](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](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\>
