By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,475 Members | 1,372 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,475 IT Pros & Developers. It's quick & easy.

Dropdown Menu

P: 3
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:orange">

#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.com (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.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;

</script>




</head>

<meta name="description" content="Telling 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="Willard (Hap) Reese" name="author">

<meta content="MSHTML 5.00.2920.0" name="GENERATOR">


<body background="clouds3.jpg" bgcolor="#ffffcc" text="#FFFFFF"

link="#000000" alink="#0000ee" vlink="#551a8b">
<body link="#ffffff">



</head>
<body background="clouds3.jpg" bgcolor="#ffffcc" 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="NovWhatsNew.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="mainitems">
<div class="headerlinks"><img alt="Historical Background of the 457th." src="NovGrouphistory.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.457thbombgroup.org/New/NewHistory457thxxx.html">History of the 457th

</a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/Shinners_list/intro.html">Detailed
Mission List </a><br></tr></td>
<tr><td> <a href="http://www.457thbombgroup.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="mainitems">

<div class="headerlinks"><font color=white><img alt="ButtonPersonToPerson" src="NovPersontoperson.gif" width="120" height="50">
</div>

<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/New/message.html">Message Board Introduction <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Guestbook.html">Guestbook <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Links.html">Links 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="mainitems">
<div class="headerlinks"<font color=white><img

alt="Mission Narratives and loading lists" src="NovNarrative.gif"

border="0" width="120" height="50">
</div>

<ul class="submenus">
<table width=100% border=5>
<tr><td> <a href="http://www.457thbombgroup.org/Narratives/ll_index.html">Narratives & Loading Lists</a></td> </tr>

<tr><td>

<a href="http://www.457thbombgroup.org/New/Recollections/stories.html">Recollections 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="mainitems">

<div class="headerlinks"><img alt="Photos of Flight Crews." src="NovFlightcrews.gif" width="120" height="50">
</div>

<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/Roster/Roster_Page.html">Roster of Flyers <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/POW/POW.html">Names and camps of POW's <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/KIA/KIA.html">Names of all KIA</a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.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="mainitems">

<div class="headerlinks"><img alt="Photos Galore" src="NovPhotoArchives.gif" width="120" height="50">
</div>
<ul class="submenus">

<table border=5>
<tr><td><a href="http://www.457thbombgroup.org/aircraft_pictures/photoindex.html">457th Aircraft Photos</a></font></tr></td>

<tr><td><a href="http://www.457thbombgroup.org/aircrews/pilotnames1.html">457th Air Crew Photos</a></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/Service_Personnel_1/intro.html">Ground Support Photos</a></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/Portrait_Gallery/Page1.html">Officers Portraits </a></tr></td>
<tr><td><a href="http://www.457thbombgroup.org/Miscellaneous/Page1.html">Scenes 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="mainitems">
<div class="headerlinks"><font color=white><img alt="Facts about the Association" src="Nov457thAssn.gif" width="120
" height="50">
</div>

<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/New/Officers.html">Officers of the Association <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/membership.html">Membership <a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Reunion1.html">Reunion Information</a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Newsletter/newsletter.html">Newsletters</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="mainitems">
<div class="headerlinks"><font color=white><img alt="Special Interest" src="NovSpecialInterest.gif" width="120" height="50">
</div></font>

<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/1000AircraftFolder/coverpage.html">1000th Douglas Aircraft <a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/New/Glatton/glatton_today.html">Recent photos of Glatton</a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/NoseArt/noseart.html">Nose Art</a></font></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/slideshows.html">Slideshow or Misc. photos</a></td></tr>
<tr><td><a href="http://www.457thbombgroup.org/Fate/RL01.HTML">Database 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="mainitems">
<div class="headerlinks"><font color=white><img alt="Recent Submittals" src="
NovRecentsubmissions.gif" width="120" height="50">
</div></font>

<ul class="submenus">
<table width=100% border=5>
<tr><td><a href="http://www.457thbombgroup.org/Recent_Submittal/photos.html">Photos 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="searchForm" action="Search_home/searchresults.asp">

<input type="text" name="searchField" size="20">&nbsp;&nbsp;

<input type="submit" name="Submit" value="Website Search">&nbsp;&nbsp;<p
></font><tr>
<td align=right>

<input type="radio" name="srcriteria" value="phrase">Search Exact Phrase&nbsp;&nbsp;&nbsp;&nbsp;<br>

<input type="radio" name="srcriteria" value="any" checked="checked">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>&nbsp;</td>

<td><br>

</td>

<td align="center" rowspan="4"><img height="260"

src="New/457patch2.gif" width="260">

&nbsp; </td>

<td><br>

</td>

<td>&nbsp;</td>

</tr>

<tr>

<td><br>

</td>

<td valign="bottom">

<center> <a

href="http://www.457thbombgroup.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.457thbombgroup.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.457thbombgroup.org/New/748thSquad.html"><img

alt="748th Squadron Information" border="0" height="30"

src="New/748thSquadron.gif" align="center" width="130">

</a></td>

<td align="center"><a

href="http://www.457thbombgroup.org/New/749thSquad.html"><img

alt="749th Squadron Information" border="0" height="30"

src="New/749thSquadron.gif" width="130">

</a></td>

<td><br>

</td>

</tr>

<tr>

<td align="bottom" rowspan="2">



<center> <a

href="http://www.457thbombgroup.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.457thbombgroup.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.457thbombgroup.org/New/750thSquad.html"><img

alt="750th Squadron Information" border="0" height="30"

src="New/750thSquadron.gif" width="130">

</a></td>

<td align="center" colspan="3"><font color="#ff0000"><i><b><Big><big>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.457thbombgroup.org/New/751stSquad.html"><img

alt="751st Squadron Information" border="0" height="30"

src="New/751stSquadron.gif" 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:awreese@bellsouth.net"><font size="3">e-Mail the Webmaster </a> </i><p>
<p>


<a href="http://www.457thbombgroup.org/New/copyrit2.html"> <i>Copyright

&copy;</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>
Oct 27 '07 #1
Share this Question
Share on Google+
1 Reply


numberwhun
Expert Mod 2.5K+
P: 3,503
First, that is A LOT of code, but thank you for providing it. I took the code and plugged it into the w3c HTML Validator. At this point, there are about 171 errors in the HTML code that need to be fixed before any real troubleshooting can happen. Right off the bat, I noticed that you have your DOCTYPE definition right at the beginning of the document (where it should be) and also in the head. I don't think you can do that, sorry.

I would go through the 171 errors listed by the w3c validator and then see if you can troubleshoot it.

Regards,

Jeff
Oct 27 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.