No replies
Sniper508
Sniper508's picture
Offline
newbie
Last seen: 3 years 22 weeks ago
Timezone: GMT+2
Joined: 2011-02-21
Posts: 1
Points: 2

having a bit of trouble getting this menu bar to work in IE. It works fine in firefox and chrome. heres the code. any help would be greatly appreciated.
 
HTML:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
			<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
			<html>
			<head>
			<title>Home</title>
<link href="/files/stylesheet.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/files/pro_dropdown_2.css" />
 </head>
<body>
<center><table border="0px" cellspacing="0" cellpading="0">
<tr><td><img src="/files/logo.gif" alt=""/></td></tr>
<tr>
<td>
<span class="preload1"></span>
<span class="preload2"></span>
 
<ul id="nav">
	<li class="top"><a href="/index.php/home" class="top_link"><span>Home</span></a></li>
 
 
	<li class="top"><a id="subjects" class="top_link"><span class="down">Subjects</span></a>
		<ul class="sub"><li><a href="/index.php/subject/index/Mathematics">Mathematics</a></li></ul>
 
	<li class="top"><a href="#nogo1" class="top_link"><span>Practical Life Exercises</span></a></li>
 
	<li class="top"><a id="gallery" class="top_link"><span class="down">Gallery</span></a>
		<ul class="sub"><li><a href="/index.php/gallery/index/The Children">The Children</a></li><li><a href="/index.php/gallery/index/Museum">Museum</a></li></ul>
	</li>
 
	<li class="top"><a href="/index.php/newsletter" class="top_link"><span>Newsletter</span></a></li>
 
	<li class="top"><a href="/index.php/staff" id="staff" class="top_link"><span class="down">Our Staff</span></a>
		<ul class="sub"><li><a href="/index.php/staff/#Lieza Basson">Lieza Basson</a></li><li><a href="/index.php/staff/#Jenna Weber">Jenna Weber</a></li><li><a href="/index.php/staff/#Roxanne Hubbard">Roxanne Hubbard</a></li><li><a href="/index.php/staff/#Ginnie Cannone">Ginnie Cannone</a></li><li><a href="/index.php/staff/#Erika Evans">Erika Evans</a></li><li><a href="/index.php/staff/#Constance Setloboko">Constance Setloboko</a></li><li><a href="/index.php/staff/#Our Aftercare staff">Our Aftercare staff</a></li><li><a href="/index.php/staff/#Esme Honiball">Esme Honiball</a></li><li><a href="/index.php/staff/#Monique Andersen">Monique Andersen</a></li><li><a href="/index.php/staff/#Jeanne Santovito">Jeanne Santovito</a></li><li><a href="/index.php/staff/#Christine Clark">Christine Clark</a></li><li><a href="/index.php/staff/#Tammy van der Westhuizen">Tammy van der Westhuizen</a></li><li><a href="/index.php/staff/#Selina Bodiba">Selina Bodiba</a></li></ul>
	</li>
 
	<li class="top"><a href="#nogo22" id="about" class="top_link"><span class="down">About Us</span></a>
		<ul class="sub">
			<li><a href="#nogo23">The Montessori Method</a></li>
			<li><a href="#nogo24">A Montessori Education</a></li>
			<li><a href="#nogo24">Your Child's Development</a></li>
			<li><a href="#nogo24">Addresing Some Controversy</a></li>
			<li><a href="#nogo24">Our History</a></li>
		</ul>
	</li>
 
	<li class="top"><a href="/index.php/downloads" class="top_link"><span>Downloads</span></a></li>
	<li class="top"><a href="/index.php/contactus" class="top_link"><span>Contact Us</span></a></li>
</ul>
</td>
</tr>
</table></center><table ALIGN="center">
			<tr>
			<td>
 
 
 
<br />
<br />
<fieldset>
This is the home page
</fieldset>
 
 
</td></tr></table><br /><br /><br /><br /><br /><br /><center><table><tr><td><a href="/index.php/home">Home</a></td><td><a href="/index.php/home">Practical Life Excercises</a></td><td><a href="/index.php/newsletter">Newsletter</a></td><td><a href="/index.php/home">The Montessori Methed</a></td><td><a href="/index.php/home">A Montessori Education</a></td><td><a href="/index.php/home">Your Child's Development</a></td><td><a href="/index.php/home">Addressing Some Controversy</a></td><td><a href="/index.php/home">Our History</a></td><td><a href="/index.php/staff">Our Staff</a></td><td><a href="/index.php/downloads">Download</a></td><td><a href="/index.php/contactus">Contact Us</a></td></tr></table><br /><br />Rainbow Montessori School&reg; Copyright  |  Developed By: <a href="http://www.caincomputing.co.za" target="_blank" style="text-decoration:none">Cain Computing</a></center></body></html>
 
 
CSS:
 
.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}
 
#nav {padding:0; margin:0; list-style:none; height:38px; url(three_0.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}
 
#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}
 
/* Default list styling */
 
#nav li:hover {position:relative; z-index:200;}
 
#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:150px; height:auto;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:150px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}
 
 
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:150px; z-index:400; height:auto;}
 
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}