ik heb een dropdown menu ergens vandaan geript en helemaal aangepast maar nu is het probleem dat hij weer niet werkt in IE hij werkt wel in FF
dit is de code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>drop down menu</title>
<body>
<style type="text/css">
body {
background: #282828;
text-align: center;
}
.imclear{
clear:left;
height:0px;
visibility:hidden;
font-size:1px;
line-height:0px;
}
.imcm ul,.imcm li,.imcm div,.imcm span{
text-align:left;vertical-align:top;
cursor:hand;
cursor:pointer;
padding:0px;
margin:0;
list-style:none;
}
.imcm ul{
zoom:1
}
.imsc{
position:relative;
}
.imsubc{
position:absolute;
visibility:hidden;
}
.imcm li{
list-style:none;
font-size:1px;
float:left;
}
.imcm ul ul li{
width:100%;
float:none;
}
.imcm a{
display:block;
zoom:1;
position:relative;
}
.imcm ul .imsc,.imcm ul .imsubc {
z-index:1;
}
.imcm ul ul .imsc,.imcm ul ul .imsubc{
z-index:2;
}
.imcm ul ul ul .imsc,.imcm ul ul .imsubc{
z-index:3;
}
.imde ul li:hover .imsubc{
visibility:visible;
}
.imde ul ul li:hover .imsubc{
visibility:visible;
}
.imde ul ul ul li:hover .imsubc{
visibility:visible;
} .imde li:hover ul .imsubc{
visibility: hidden;
}
.imde li:hover ul ul .imsubc{
visibility: hidden;
}
.imde li:hover ul ul ul .imsubc{
visibility: hidden;
}
.imea{
position:relative;
height:0px;
float:right;
text-align:right;
}
.imea div{
position:relative;
font-size:1px;
line-height:0px;
}
</style>
<style id="ssimenus0" type="text/css">
#imouter0 {
background: #0077CC;
border-style:none;
border-color:#000000;
border-width:1px;
padding:0px;
margin:0px;
}
#imenus0 li ul {
background-color:#0088cc;
border-style:solid;
border-color:#000000;
border-width:1px;
padding:5px;
margin:4px 0px 0px;
}
#imenus0 li a {
color:#333333;
text-align:left;
font-family:Arial;
font-size:12px;
font-weight:normal;
text-decoration: none;
border-style:solid;
border-color:#000000;
border-width:1px;
padding:2px 8px;
}
#imenus0 li:hover>a {
background-color:#0088ff;
text-decoration:none;
}
#imenus0 li a.ihover, .imde #imenus0 a:hover {
background-color:#0088ff;
text-decoration: none;
color: #000033;
}
#imenus0 li a.iactive {
background-color:#0088ff;
text-decoration: none;
color: #000033;
}
#imenus0 .imbuttons {
}
#imenus0 ul a {
color:#555555;
text-align:left;
font-size:11px;
font-weight:normal;
text-decoration:none;
border-style:none;
border-color:#000000;
border-width:1px;
padding:2px 5px;
}
#imenus0 ul li:hover>a {
color:#000000;
text-decoration:underline;
}
#imenus0 ul li a.ihover {
color:#000000;
text-decoration:underline;
}
#imenus0 ul li a.iactive {
background-color:#0077ff;
}
</style>
<center>
<div style="width:580px;"><div class="imcm imde" id="imouter0"><ul id="imenus0">
<li style="width:145px;"><a href="#">Who We Are</a>
<div class="imsc"><div class="imsubc" style="width:145px;top:0px;left:0px;">
<ul style="">
<li> <a href="#">Overview</a> </li>
<li> <a href="#">Mission & Goals</a> </li>
<li> <a href="#">History</a> </li>
<li> <a href="#">Management</a> </li>
<li> <a href="#">Working at Tyco</a> </li>
<li> <a href="#">Press Center</a> </li>
<li> <a href="#">Worldwide</a>
<div class="imsc">
<div class="imsubc" style="width:140px;top:-23px;left:132px;">
<ul style="">
<li> <a href="#">Europe</a> </li>
<li> <a href="#">Asia</a> </li>
<li> <a href="#">US & Canada</a> </li>
<li> <a href="#">Mexico</a> </li>
<li> <a href="#">Australia</a> </li>
<li> <a href="#">Middle East</a> </li>
</ul>
</div>
</div>
</li>
<li><a href="#">Board of Directors</a>
<div class="imsc">
<div class="imsubc" style="width:140px;top:-23px;left:132px;">
<ul style="">
<li> <a href="#">Overview</a> </li>
<li> <a href="#">Electronics</a> </li>
<li> <a href="#">Fire & Security</a> </li>
<li> <a href="#">Healthcare</a> </li>
<li> <a href="#">Plastics & Adhesives</a> </li>
<li> <a href="#">Engineered Producs</a> </li>
<li> <a href="#">Tyco Worldwide</a> </li>
</ul>
</div>
</div>
</li>
<li><a href="#">Customers</a></li>
</ul>
</div>
</div>
</li>
<li style="width:145px;"><a href="#">Our Commitment</a>
<div class="imsc">
<div class="imsubc" style="width:146px;top:0px;left:-1px;">
<ul style="">
<li> <a href="#">Overview</a> </li>
<li> <a href="#">People & Values</a> </li>
<li> <a href="#">Governance</a> </li>
<li> <a href="#">Community</a> </li>
<li> <a href="#">Environmental</a> </li>
</ul>
</div>
</div>
</li>
<li style="width:145px;"><a href="#">Our Business</a>
<div class="imsc">
<div class="imsubc" style="width:146px;top:0px;left:0px;">
<ul style="">
<li style="width:;"><a href="#">Overview</a> </li>
<li style="width:;"><a href="#">Electronics</a> </li>
<li style="width:;"><a href="#">Fire & Security</a> </li>
<li style="width:;"><a href="#">Healthcare</a> </li>
<li style="width:;"><a href="#">Plastics & Adhesives</a> </li>
<li style="width:;"><a href="#">Engineered Producs</a> </li>
<li style="width:;"><a href="#">Tyco Worldwide</a> </li>
</ul>
</div>
</div>
</li>
<li style="width:145px;"><a href="#">Investors</a>
<div class="imsc">
<div class="imsubc" style="width:146px;top:0px;left:-1px;">
<ul style="">
<li style="width:;"><a href="#">Overview</a> </li>
<li style="width:;"><a href="#">Stock Quotes</a> </li>
</ul>
</div>
</div>
</li>
</ul>
<div class="imclear"> </div></div></div>
<script language="JavaScript">nua=navigator.userAgent;ulm_ie=window.showHelp;ulm_ie7=nua.indexOf("MSIE 7")+1;ulm_strict=(dcm=document.compatMode)&&dcm=="CSS1Compat";if((ulm_ie&&!(ulm_ie7&&ulm_strict))||window.name=="hta"||window.name=="imopenmenu")document.write('<scri'+'pt language="javascript" src="imenus0.js"></scri'+'pt>');</script>
</body></html>
mvg, Devon