I've created a series of dropdown menus that work fine in Firefox, Safari, Camino, etc. but will not work at all in Windows IE.
I'm presenting the whole file here hoping someone will come up with an answer. I've worked on this for days. Help will be appreciated.
The website is:
www.457thbombgroup.org/indexRR.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title>457th Bomb Gtoup Association Website</title>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0030)http://wF-->
<title>457th Bomb Group Association Home Page</title>
<style type="text/css">
<style fprolloverstyle ="">A:hover {color: #FF0000; font-style: italic}
</style>
<style type="text/css">
<span style-"color:oran ge">
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}
#csstopmenu li{
float: left;
position: relative;
}
#csstopmenu a{
text-decoration: none;
}
.mainitems{
border: 1px solid black;
border-left-widthL 0;
background-color: #D8FE89
}
.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}
.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #99ccff;
border: 2px solid blue;
}
.submenus li{
width: 100%;
}
.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}
html>body .submenus li a{ /* non IE browsers */
width: auto;
}
.submenus li a:hover{
background-color: #3399ff;
color: black;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul {
display: block;
}
html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
</style>
<script type="text/javascript">
// CSS Top Menu- By JavaHTMLCode.co m (http://www.JavaHTMLCode.com)
// Adopted from SuckerFish menu
// For this and over 1200+ free scripts, visit JavaHTMLCode- http://www.JavaHTMLCode.com/
// Please keep this credit intact
startMenu = function() {
if (document.all&& document.getEle mentById) {
cssmenu = document.getEle mentById("cssto pmenu");
for (i=0; i<cssmenu.child Nodes.length; i++) {
node = cssmenu.childNo des[i];
if (node.nodeName= ="LI") {
node.onmouseove r=function() {
this.className+ =" over";
}
node.onmouseout =function(){
this.className= this.className. replace(" over", "")
}
}
}
}
}
if (window.attachE vent)
window.attachEv ent("onload", startMenu)
else
window.onload=s tartMenu;
</script>
</head>
<meta name="descripti on" content="Tellin g you all about the 457th Bomb Group during WW II, it men and crews, it's aircraft, it's daily routines with thousands of photographs.>
<meta name="keywords" Content="457th, bombardment, bomb, group, 457th bomb group, b-17, b17, B-17, B17, bomber, 8th army air corps, Glatton, 748th, 748th squadron, 749th, 749th squadron, 750th, 750th squadron, 751st, 751st squadron, squadron, 457th, Bombers, 94th Combat Wing, Promote, WWII, Connington, 8th Air Force, Eighth Air Force,"flying fortress">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="revisit-after" content="15 days">
<meta name="ROBOTS" content="INDEX, ALL">
<meta name="ROBOTS? content="INDEX, FOLLOW">
<meta content="Willar d (Hap) Reese" name="author">
<meta content="MSHTML 5.00.2920.0" name="GENERATOR ">
<body background="clo uds3.jpg" bgcolor="#ffffc c" text="#FFFFFF"
link="#000000" alink="#0000ee" vlink="#551a8b" >
<body link="#ffffff">
</head>
<body background="clo uds3.jpg" bgcolor="#ffffc c" text="#FFFFFF"
link="#FFFFFF" alink="#0000ee" vlink="#551a8b" >
<body link="#ffffff">
<basefont size="4">
<center><img src="Titlex.gif " width="90%"></td></center>
<table cols=8 width="100%" border="0" cellpadding="0" cellspacing="0" >
<td width="10%" height="35">
<div align="center"> </div>
</td>
<td width="12.5%" height="35">
<div align="center"> </div>
</td>
<td width="12.5%" height="35">
<div align="center"> <a
href="http://457thbombgroup. org/Newinput.html"> <img alt="What's New"
src="NovWhatsNe w.gif" border="0" width="200" height="40">
</a></div>
<a href="http://457thbombgroup. org/Newinput.html"> </a></td>
<td width="10%" height="35">
<div align="center"> </div>
</td>
<td width="10%" height="35">
<div align="center"> </div>
</td></tr>
<table cols="8" width=90% border=0>
<tr><td> <br></td></tr>
<!--History-->
<td width="14%" valign="top" height="45">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><img alt="Historical Background of the 457th." src="NovGrouphi story.gif"
border="0" width="120" height="50">
</div>
<ul class="submenus ">
<table border=5 width=100%>
<font color=#ffffff">
<tr><td> <a href="http://www.457thbombgr oup.org/New/NewHistory457th xxx.html">Histo ry of the 457th
</a></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/Shinners_list/intro.html">Det ailed
Mission List </a><br></tr></td>
<tr><td> <a href="http://www.457thbombgr oup.org/Fireball/fireball.html"> Ken Blakebrough's Book </a></td></font>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Person to Person-->
<td width="14%" valign="top" height="35">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><font color=white><im g alt="ButtonPers onToPerson" src="NovPersont operson.gif" width="120" height="50">
</div>
<ul class="submenus ">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgr oup.org/New/message.html">M essage Board Introduction <a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/Guestbook.html" >Guestbook <a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/Links.html">Lin ks to other BG's</a></td></tr>
<div id="clearmenu" style="clear: left"></div>
</table>
<!-- Narrative-->
<td width="14%" valign="top" height="35">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"<font color=white><im g
alt="Mission Narratives and loading lists" src="NovNarrati ve.gif"
border="0" width="120" height="50">
</div>
<ul class="submenus ">
<table width=100% border=5>
<tr><td> <a href="http://www.457thbombgr oup.org/Narratives/ll_index.html"> Narratives & Loading Lists</a></td> </tr>
<tr><td>
<a href="http://www.457thbombgr oup.org/New/Recollections/stories.html">R ecollections from the Past
</a></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Flight Crews-->
<td width="14.5%" valign="top" height="35">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><img alt="Photos of Flight Crews." src="NovFlightc rews.gif" width="120" height="50">
</div>
<ul class="submenus ">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgr oup.org/Roster/Roster_Page.htm l">Roster of Flyers <a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/POW/POW.html">Names and camps of POW's <a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/KIA/KIA.html">Names of all KIA</a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/memorial.html"> Names and dates of fallen comrads <a>
</div></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Photo Archives-->
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><img alt="Photos Galore" src="NovPhotoAr chives.gif" width="120" height="50">
</div>
<ul class="submenus ">
<table border=5>
<tr><td><a href="http://www.457thbombgr oup.org/aircraft_pictur es/photoindex.html ">457th Aircraft Photos</a></font></tr></td>
<tr><td><a href="http://www.457thbombgr oup.org/aircrews/pilotnames1.htm l">457th Air Crew Photos</a></tr></td>
<tr><td><a href="http://www.457thbombgr oup.org/Service_Personn el_1/intro.html">Gro und Support Photos</a></tr></td>
<tr><td><a href="http://www.457thbombgr oup.org/Portrait_Galler y/Page1.html">Off icers Portraits </a></tr></td>
<tr><td><a href="http://www.457thbombgr oup.org/Miscellaneous/Page1.html">Sce nes from Around Glatton</a></tr></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<!--Association Facts-->
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><font color=white><im g alt="Facts about the Association" src="Nov457thAs sn.gif" width="120
" height="50">
</div>
<ul class="submenus ">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgr oup.org/New/Officers.html"> Officers of the Association <a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/membership.html ">Membershi p <a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/Reunion1.html"> Reunion Information</a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/Newsletter/newsletter.html ">Newslette rs</a></font></td></tr>
<div id="clearmenu" style="clear: left"></div>
</table>
<!-- Of Special Interest>-->
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><font color=white><im g alt="Special Interest" src="NovSpecial Interest.gif" width="120" height="50">
</div></font>
<ul class="submenus ">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgr oup.org/1000AircraftFol der/coverpage.html" >1000th Douglas Aircraft <a></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/New/Glatton/glatton_today.h tml">Recent photos of Glatton</a></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/NoseArt/noseart.html">N ose Art</a></font></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/slideshows.html ">Slideshow or Misc. photos</a></td></tr>
<tr><td><a href="http://www.457thbombgr oup.org/Fate/RL01.HTML">Data base of all Aircraft </a></td>
<div id="clearmenu" style="clear: left"></div>
</table>
<td width="14.5%" valign="top" height="45">
<ul id="csstopmenu" >
<li class="mainitem s">
<div class="headerli nks"><font color=white><im g alt="Recent Submittals" src="
NovRecentsubmis sions.gif" width="120" height="50">
</div></font>
<ul class="submenus ">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgr oup.org/Recent_Submitta l/photos.html">Ph otos to be Installed</a>
<div id="clearmenu" style="clear: left"></div>
</table>
</table>
<center><img src="b17.gif" width=648 height=216></center>
<!--Sitesearch Program-->
<table width=85% border=0>
<tr> <td align=right>
<font size="2"><form name="searchFor m" action="Search_ home/searchresults.a sp">
<input type="text" name="searchFie ld" size="20">  ;
<input type="submit" name="Submit" value="Website Search"> & nbsp;<p
></font><tr>
<td align=right>
<input type="radio" name="srcriteri a" value="phrase"> Search Exact Phrase &nb sp; <br>
<input type="radio" name="srcriteri a" value="any" checked="checke d">Any Word or Numbers<br>
</form><p></td>
</tr>
</table>
<!-- End Sitesearch Program-->
<table border="0" width="100%">
<tbody>
<tr>
<td colspan="5">
<center>
<big><big><big> <i><b><font Color="#ff0000" >United States 8th Air Force</b></i></h2></big></big></big>
</center>
</td>
</tr>
<tr>
<td> </td>
<td><br>
</td>
<td align="center" rowspan="4"><im g height="260"
src="New/457patch2.gif" width="260">
</td>
<td><br>
</td>
<td> </td>
</tr>
<tr>
<td><br>
</td>
<td valign="bottom" >
<center> <a
href="http://www.457thbombgr oup.org/New/748patch.html"> <img
alt="748th Squadron Patch" border="0" height="100"
src="New/748Patch1.gif" width="100">
</a> </center>
</td>
<td valign="middle" >
<center> <a
href="http://www.457thbombgr oup.org/New/749patch.html"> <img
align="middle" alt="749th Squadron Patch" border="0" height="100"
src="New/749Patch1.gif" width="100">
</a> </center>
</td>
<td><br>
</td>
</tr>
<tr>
<td><br>
</td>
<td align="center"> <a
href="http://www.457thbombgr oup.org/New/748thSquad.html "><img
alt="748th Squadron Information" border="0" height="30"
src="New/748thSquadron.g if" align="center" width="130">
</a></td>
<td align="center"> <a
href="http://www.457thbombgr oup.org/New/749thSquad.html "><img
alt="749th Squadron Information" border="0" height="30"
src="New/749thSquadron.g if" width="130">
</a></td>
<td><br>
</td>
</tr>
<tr>
<td align="bottom" rowspan="2">
<center> <a
href="http://www.457thbombgr oup.org/New/750patch.html"> <img
alt="750th Squadron Patch" border="0" height="100"
src="New/750patch1.gif" width="100">
</a> </center>
</td>
<td align="center"> <img src="New/clear.gif" height="50"
width="130">
</td>
<td><br>
</td>
<td align="bottom" rowspan="2">
<center> <a
href="http://www.457thbombgr oup.org/New/751patch.html"> <img
alt="751st Squadron Patch" border="0" height="100"
src="New/751patch1.gif" width="100">
</a></center>
</td>
</tr>
<tr>
<td align="center" colspan="3" height="50">
<div align="center"> <font color="#000000" ><b><font size="2">"An Accomplished
Fact"</font></b></font> <p>
<i><font color="#ff0000" ><font size="3"><b>The Fireball Outfit</b></font></font></i></div>
</td>
</tr>
<tr>
<td align="center"" ><a
href="http://www.457thbombgr oup.org/New/750thSquad.html "><img
alt="750th Squadron Information" border="0" height="30"
src="New/750thSquadron.g if" width="130">
</a></td>
<td align="center" colspan="3"><fo nt color="#ff0000" ><i><b><Big><bi g>The Internet home of the 457th Bomb Group Association</big></big>
</b></font></i></font> <font size="3"> </font></td>
<td align="center"> <a
href="http://www.457thbombgr oup.org/New/751stSquad.html "><img
alt="751st Squadron Information" border="0" height="30"
src="New/751stSquadron.g if" width="130">
</a></td>
</tr>
</tbody>
</table><p>
<table width=100% border="0"><tr> <td>
<br></td></tr>
<!-- End Sitesearch Program-->
<center><font color="#ff0000" ><b><i> <a href="mailto:aw reese@bellsouth .net"><font size="3">e-Mail the Webmaster </a> </i><p>
<p>
<a href="http://www.457thbombgr oup.org/New/copyrit2.html"> <i>Copyright
©</i></a></b></font> </font></font></center>
<font size="2"><font color="#ff0000" > </font></font> <!--BEGIN COUNTER CODE-->
<center><p><p>< p>
</body link="#ffffff">
</html>