Menu different in FF then IE [Archive] - HTML Forums - Free Webmaster Forums and Help Forums

videotoys

01-17-2006, 02:21 PM

I have been working on this menu for ages it seems now, nothing seems to work, I've tried about 5 different scripts for horizontal menus and this is the closest one I found to what I am trying to do and the only one that I have found so far that fits 100% width to the container I use, anyway heres the problem:

In FF the menu works great!!
In IE the menu only opens the Top level,

I requested support from http://deluxe-menu.com/ where I got the software to make the menus and they told me to remove all margin attributes so I did that and it worked a little better, but it still doesnt pop down at all maybe someone knows where my problem is:

heres my test page:

http://www.boulderchannel1.com/menu/index.shtml

And then here is my CSS:

a {font-family:tahoma;font-size:10px;color:#000000;}
a:visited {font-family:tahoma;font-size:10px;color:#000000;}
a:active {font-family:tahoma;font-size:10px;color:#000000;}
a:hover {font-family:tahoma;font-size:10px;color:#000DDD;}
p {font-family:tahoma;font-size:12px;color:#000000;}
a.guide {font-family:tahoma;font-size:12px;color:#000000;}
a.guide:hover {font-family:tahoma;font-size:12px;color:#000000;}
a.guide:visited {font-family:tahoma;font-size:12px;color:#000000;}
h4 {font-family:tahoma;font-size:18px;color:#000000;}

div.container {
width: 100%;
height: 480px;
text-align: center;
}

div.top {
position: absolute;
top: 0;
left: 0;
width:950px;
height: 10px;
z-index:200;
}

div.bottom {
position: absolute;
top: 500px;
left: 0;
width:950px;
height: 10px;
z-index:0;
}

div.main {
position: absolute;
top: 150px;
left: 150px;
width: 650px;
height: 300px;
z-index: 10;
}

div.left {
position: absolute;
top: 155px;
left: 0;
width: 200px;
height: 232px;
}

div.right {
position: absolute;
top: 155px;
left: 845px;
width: 100px;
height: 232px;
}

table {width: 100%;height: 100%;}

td {
vertical-align: middle;
font-family:tahoma;
font-size:10px;
text-align: center;
}

and heres my HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Travel Channel 1</title>

<LINK REL=StyleSheet HREF="../styletemp.css" TYPE="text/css">


<script type="text/javascript" language="JavaScript1.2">var dmWorkPath="index.html.files/";</script>
<script type="text/javascript" language="JavaScript1.2" src="index.html.files/dmenu.js"></script>

</head>
<body>
<table border="0"><tr><td>

<div class="container">
<div class="top">

<script language="JavaScript1.2" type="text/javascript" src="data-index.js"></script>
</div>
<div class="left">
</div>
<div class="main">
<h4>MENU TESTING PAGE</h4>
<br>
</div>
<div class="right"> <a href="linkhits.php?address=http://www.t-mobile.com" target="_blank">
<img src="../sponsors/tmobile.jpg" alt="T MOBILE"></a><br>
<br>
<a href="linkhits.php?address=http://www.applevacations.com" target="_blank">
<img src="../sponsors/applevacations.jpg" alt="APPLE VACATIONS"></a><br>
<br>
<a href="linkhits.php?address=http://www.holiday-inn.com" target="_blank">
<img src="../sponsors/holidayinn.jpg" alt="HOLIDAY INN"></a><br>
<br>
<a href="linkhits.php?address=http://www.clayhotel.com" target="_blank">
<img src="../sponsors/clayhotel.jpg" alt="CLAY HOTEL"></a> </div>
<div class="bottom">

</div>
</div>

</td>
</tr>
</table>
</body>
</html>

and heres my SSI:

<SCRIPT language="JavaScript">

</SCRIPT>
<table cellspacing=0 cellpadding=2 width="100%" border="2">
<tr>
<td bgcolor="#C6DEFF">
<p>Popup Guide--<a class="guide" href="javascript:newwindow()"><b>Show Guide</b></a>--Popup Guide</p>
</td>
</tr>
</table>

<img src="http://www.boulderchannel1.com/footer.jpg" width="100%" alt="">