Hi,
I am working on the drop down menu and having issue with IE. It is working fine in FireFox and Safari, but in IE the drop down is not working.
Files are php files, and at the top before any html code I have some php declaration and initialization.
I have noticed that if I remove
<?php
...
?>
than everything works fine in IE, yet I have to have php declaration before the html.
Here is the file
[FONT="Arial"]
<?php
require('includes/application_top.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Malachite Auctions - Contact Us</title>
<meta name="Keywords" content= "" />
<meta name="Description" content="" />
<link rel="stylesheet" media="all" type="text/css" href="css/default.css" />
<style type="text/css">
#menu2 {padding:0; width:737px; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; background:#000; border-bottom:1px solid #edb;}
#menu2 li.top {display:block; float:left;}
#menu2 li a.top_link {display:block; height:25px; float:left; line-height:22px; font-size:11px; font-weight:bolder; padding:0 20px 0 10px; color:#edb; text-decoration:none; border-top:3px solid #000;}
#menu2 li a.top_link:hover {color:#d85; border-color:#a52; font-weight:bolder;}
#menu2 li:hover > a.top_link {color:#d85; border-color:#a52; font-weight:bolder;}
#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}
#menu2 ul,
#menu2 :hover ul ul,
#menu2 :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
height:52px;
_height:52px;
#height:52px;
margin:0;
padding:0;
list-style:none;
width: 120px;
}
#menu2 :hover ul.sub {
left:0;
top:25px;
/ white-space:nowrap; /
width:200px;
height:auto;
z-index:300;
padding-top:5px;
/background:url(images/trans.gif);/
}
#menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:40px; font-weight:normal;}
#menu2 :hover ul.sub li a {display:block; position:relative; font-size:12px; _height:25px; height:25px; width:120px; margin-right:-30px; line-height:25px; text-indent:10px; color:#edb; text-decoration:none; background:url(images/trans.gif);}
#menu2 :hover ul.sub li span a:hover {color:#f97; _height:25px;}
#menu2 :hover ul.sub li:hover > span a {color:#003300;}
#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px;
top:0;
/ white-space:nowrap; /
width:200px;
z-index:400;
height:auto;}
#menu2 li > span {
background: url(../images/images/tab-midleft.png);
}
#menu2 li > b {
background: url(../images/images/tab-midright.png)
}
#menu2 li.fly > b {
background: url(../images/images/tab-midright-sub.png)
}
#menu2 li.subtop > span,
#menu2 li.flytop > span {
background:url(../images/images/tab-topleft.png);
}
#menu2 li.flytop > b {
background:url(../images/images/tab-topright-sub.png);
}
#menu2 li.subbot > span,
#menu2 li.flybot > span {
height:35px !important; background:url(../images/images/tab-botleft.png);
}
#menu2 li.subbot > b {
height:35px !important; background:url(../images/images/tab-botright.png);
}
#menu2 li.flybot > b {
height:35px !important; background:url(../images/images/tab-botright-sub.png);
}
</style>
</head>
<body>
<div id="wrapper">
<div id="info">
<ul id="menu2">
<li class="top"><a href="index.html" class="top_link">Home</a></li>
<li class="top"><a href="index.html" class="top_link">Search</a>
<ul class="sub">
<li class="subtop"><span><a href="index.html">Past Catalogues</a></span><b></b></li>
<li class="subbot"><span><a href="index.html">Current Catalogues
</a></span><b></b></li>
</ul>
</li>
<li class="top"><a href="index.html" class="top_link">Schedule</a>
</li>
<li class="top"><a href="index.html" class="top_link">Buying</a>
<ul class="sub">
<li class="subtop"><span><a href="index.html">Bidding </a></span><b></b></li>
<li ><span><a href="index.html">Terms of Sale </a></span><b></b></li>
<li class="flybot"><span><a href="#nogo">Forms
</a></span><b></b>
<ul>
<li class="subtop"><span><a href="index.html">Absentee Bid</a></span><b></b></li>
<li class="subbot"><span><a href="index.html">Phone Bid</a></span><b></b></li>
</ul>
</li>
</ul>
</li>
<li class="top"><a href="index.html" class="top_link">Selling</a>
<ul class="sub ">
<li class="subtop"><span><a href="index.html">How to Consign</a></span><b></b></li>
<li class="subbot"><span><a href="index.html">Private Sell</a></span><b></b></li>
</ul>
</li>
<li class="top"><a href="index.html" class="top_link">Contact Us</a></li>
<li class="top"><a href="index.html" class="top_link">Careers</a></li>
<?php if (isset($_SESSION['customer_id'])) {
?>
<li class="top"><a href="index.html" class="top_link">My Account</a></li>
<?php
} else {
?>
<li class="top"><a href="index.html" class="top_link">Login/Register</a></li>
<?php }
?>
</ul>
</div>
</div> <!-- end of wrapper -->
</body>
</html>
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>
[/SIZE][/FONT]
Any help will be appreciated
