Spry Menu issues in Internet Explorer

I have created a Spry menu for my website and although the menu appears to look fine in Firefox and Safari, the formatting changes in Internet Explorer(IE).
1.sub menu bar is not dropping down below the main menu bar it is appearing at the top of the screen.
2.When you hover over the sub menu bar items the font should be white however in IE it is appearing as an aqua color.
3.The menu bar is not straight across the page, at the beginning and end there are chunks of the menu bar that appear white.
Are there any fixes for these issues that would help to make the menu look consistent across all browsers.  The website page is
www.applmgt.net/LMNtestpage/html, below is the code.  Any help would be appreciated as soon as possible.
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Process operators &#8211; woodbuffalo.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="mystylesheet.css" rel="stylesheet" type="text/css" media="screen" />
<link href="print.css" rel="stylesheet" type="text/css" media="print"/>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
    color: #300;
-->
</style></head>
<!-- Start Superstats code version 7.0b.  Copyright 2007 MyComputer.com, Inc. More info available at http://www.mycomputer.com --><script language="JavaScript" type="text/javascript">/* You may give each page an identifying name, server, and channel on the next lines. */var pageName = "CostIntro";var pageType = "";var pageValue = "0";var product = "";/**** DO NOT ALTER ANYTHING BELOW THIS LINE! ****/var code = ' '; </script>
<script src="http://code.superstats.com/code/ss/applicationswb/0/30b" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
br = navigator.appName + parseInt(navigator.appVersion);
if (code != ' ' || br == 'Netscape2') {
document.write(code);
} else {
document.write(' <im'+'g src="http://code.superstats.com/b/ss/applicationswb/1'+ '?pageName=' + escape(pageName) + '" alt="" border=0>'); }</script>
<noscript><img src="http://stats.superstats.com/b/ss/applicationswb/1" alt="" border=0></noscript><!-- End Superstats tracking code. -->
<body vlink="#4E2C03">
<table width="760" border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#CCCCCC"><img src="images/buffalobanner2.jpg" width="760" height="142"></td>
  </tr>
</table>
<table width="764" border="0" bgcolor="#4E2C03"cellspacing="0" cellpadding="0">
  <tr>
    <td width="311" "height="60"><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif"><a href="index.html" class="navbar">www.woodbuffalo.net</a> &gt; <a href="LMNtestStart.html" class="navbar">Labour
          Market News</a></font></td>
          <td width="136" height="65"><!-- BEGIN: Constant Contact Border Email List Button -->
<div align="center">
<table width="135" border="0" cellspacing="1" cellpadding="2" bgcolor="#330000">
<tr>
<td bgcolor="#FFFFFF" align="center"><div style="float: right; margin-right:3px; margin-top:2px; background-color: #330000;"><a href="http://visitor.constantcontact.com/d.jsp?m=1102570618937&p=oi" target="_blank"><img src="http://img.constantcontact.com/ui/images1/visitor/email5_trans.gif" alt="Email Newsletter icon, E-mail Newsletter icon, Email List icon, E-mail List icon" border="0" align="center"></a></div>
<a href="http://visitor.constantcontact.com/d.jsp?m=1102570618937&p=oi"  style="text-decoration:none; font-weight:bold;  font-family:Arial; font-size:13px; color:#000000;" target="_blank">Join our FREE Subscriber List</a></td>
</tr>
</table>
</div>
<!-- END: Constant Contact Border Email List Button --> </td>
<td width="299" height="65"><form action="http://www.applmgt.net/SearchResults.html" id="cse-search-box">
            <div>
              <input type="hidden" name="cx" value="011832208051241677611:jmojvtncciq" />
              <input type="hidden" name="cof" value="FORID:9" />
              <input type="hidden" name="ie" value="UTF-8" />
              <input type="text" name="q" size="31" />
              <input type="submit" name="sa" value="Search" />
            </div>
          </form>
            <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
</table><ul id="MenuBar1" class="MenuBarHorizontal">
      <table width="780" border="0" >
        <tr>
          <td><li><a class="MenuBarItemSubmenu" href="index.html"> Home</a>
  <li><a class="MenuBarItemSubmenu" href="#"> Employment
        </a>
          <ul>
            <li><a href="employINTRO.html">Introduction</a></li>
            <li><a href="aboutWages.html">Wages</a></li>
            <li><a href="employOG.html">Oil & Gas</a></li>
            <li><a href="employSERV.html">Service/Retail</a></li>
              <li><a href="employCONST.html">Construction</a></li>
            <li><a href="employGOVED.html">Gov't/Education</a></li>
            <li><a href="employFOREST.html">Forestry</a></li>
             <li><a href="employTRANS.html">Transportation</a></li>
            <li><a href="employHEALTH.html">Health</a></li>
        </ul>
<li><a class="MenuBarItemSubmenu" href="#"> Training & Education</a>
          <ul>
            <li><a href="trainINTRO.html">
            <script type="text/javascript" src="SpryAssets/SpryMenuBar.js"></script>
            Introduction</a></li>
            <li><a href="trainSKILLS.html">General Skills</a></li>
            <li><a href="trainSAFE.html">Safety</a></li>
          </ul>
<li><a class="MenuBarItemSubmenu" href="#"> About Wood Buffalo</a>
          <ul>
            <li><a href="aboutINTRO.html">Introduction</a></li>
             <li><a href="MediaEvent.html">Coming Events</a></li>
             <li><a href="AboutCostIntro" font size"12" class="MenuBarItemSubmenu">Cost of Living</a>
      <ul>
        <li><a href="AboutCostHouse.html">Housing</a></li>
        <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
      </ul>
    </li>
    <li><a href="aboutStats.html">What's it like in Fort McMurray?</a></li>
    <li><a href="aboutBeforeMove.html">Before You Move</a></li>
  </ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#"> Labour Market News</a>
        <ul>
            <li><a href="mediaINTRO.html">Introduction</a></li>
            <li><a href="mediaLMN.html">Labour Market News</a></li>
        </ul>
<li><a class="MenuBarItemSubmenu" href="#">Links</a>
          <ul>
            <li><a href="linksINTRO.html">Introduction</a></li>
            <li><a href="AboutCostIntro" class="MenuBarItemSubmenu">Cost of Living</a>
      <ul>
        <li><a href="AboutCostHouse.html">Housing</a></li>
        <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
      </ul>
    </li>
            <li><a href="linksEMPLIntro.html">Employer Websites</a></li>
            <li><a href="linksRESIntro.html">Resources</a></li>
            <li><a href="linksFACTSIntro.html">Fast Facts</a></li>
            <li><a href="ContactUS.html">Contact Us</a></li>
            <li><a href="privactStatement.html">Privacy Statement</a></li>
            <li><a href="disclaimer.html">Disclaimer</a></li>
            <li><a href="siteMAP.html">Site Map</a></li>
  </ul>
          <ul>
    </td>
  </tr> </td>
        </tr>
</table>
</table>
<table width="764" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <td width="760" height="40" bgcolor="#FFFFFF"><p><font color="#4E2C03" size="4" face="Arial, Helvetica, sans-serif"><strong>Process
            operators: Maintaining a career in the oil sands industry</strong></font><img src="images/darkLine.gif" width="750" height="3"></p>
    </td>
  </tr>
</table>
<table width="764" border="0" cellspacing="0" cellpadding="4">
<tr>
    <td colspan="2" valign="top"><table width="760" border="0" cellspacing="0" cellpadding="4">
      <tr>
        <td width="135" valign="top"><table width="165" height="188" border="0" cellpadding="1" cellspacing="0" bgcolor="FFFFFF">
          <tr>
            <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>Main
                story</strong></font></td>
          </tr>
          <tr>
            <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></td>
          </tr>
          <tr>
             <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>What's in a Name?</strong></font></td>
          </tr>
          <tr>
            <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></td>
          </tr>
          <tr>
            <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>Schools Offering Programs</strong></font></td>
          </tr>
          <tr>
            <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></td>
          </tr>
          <tr>
            <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>Apply for an Oilsands Job</strong></font></td>
          </tr>
          <tr>
            <td><p><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></p></td>
          </tr>
        </table>
          <p> </p>         
          <table width="155" height="188" border="1" cellpadding="10"  cellspacing="0" bordercolor="4e2c03" bgcolor="ddcb8f">
            <tr>
              <td><div align="left">
                <p><font color="#4E2C03" size="3" face="Arial, Helvetica, sans-serif"><em>&quot;A
                        process operator, whether in Fort McMurray, or in a gas
                        plant in Medicine Hat, basically processes the upstream
                        oil and gas until it's purified enough to go through
                        a pipeline outside the gates of the plant.&quot; </em></font></p>
                <p align="right"><font color="4e2c03" size="2" face="Arial, Helvetica, sans-serif"><strong>John Cook,<br>
                  associate dean of technology, Keyano College</strong></font></p>
                </div></td>
            </tr>
          </table>          <p> </p>
          <table width="155" height="188" border="1" cellpadding="10" cellspacing="0" bordercolor="4e2c03" bgcolor="#FFFFFF">
            <tr>
              <td><div align="left">
                  <p align="center"><font color="#4E2C03" size="3" face="Arial, Helvetica, sans-serif"><strong><a href="contactUS.html"><img src="images/bulletin/LMNWB200810vFinal1.gif" width="121" height="158" border="0"></a></strong></font><font color="#000000" size="3" face="Arial, Helvetica, sans-serif"><strong>Free Subscribe
                    Now!</strong></font></p>
</div>
              </td>
            </tr>
          </table>          <p> </p>
          <table width="155" height="188" border="1" cellpadding="10" cellspacing="0" bordercolor="4e2c03" bgcolor="#FFFFFF">
            <tr>
              <td><div align="left">
                  <p align="center"><a href="mediaLMN1208.html"><font color="#000000" size="4.5" face="Arial, Helvetica, sans-serif"><strong>Next
                    issue...</strong></font></a></p>
                  <p align="center"><a href="mediaLMN1208.html"><strong><font color="333399" size="3" face="Arial, Helvetica, sans-serif"><img src="images/htmlbulletinimages/1008v5.png" width="125" height="159" border="0"></font></strong></a></p>
                  <p align="center"><a href="mediaLMN1208.html"><strong><font size="3" face="Arial, Helvetica, sans-serif">Janitoral</font></strong></a></p>
                  <p align="center"><a href="mediaLMN1208.html"><img src="images/htmlbulletinimages/1008v6.png" width="123" height="141" border="0"> </a></p>
                  <p align="center"><a href="mediaLMN1208.html"><strong><font size="3" face="Arial, Helvetica, sans-serif">Security</font> </strong></a></p>
              </div>
              </td>
            </tr>
          </table>          <p> </p>          <table width="155" height="141" border="1" cellpadding="10" cellspacing="0" bordercolor="4e2c03" bgcolor="#FFFFFF">
            <tr>
              <td><div align="left">
                  <p align="center"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong><font color="#FF9933">If
                    you like this article, you might also like:</font></strong></font></p>
                  <p align="center"><font color="#FF0000" size="3.5" face="Arial, Helvetica, sans-serif"><strong><a href="mediaLMN1206.html">Employment in the oilsands</a></strong></font></p>
              </div>
              </td>
            </tr>
          </table>          <p> </p></td>
        <td width="605" valign="top"><p><div class="floatrightgrey">
          <p><img src="images/htmlbulletinimages/1008v1" width="325" height="221"> </p>
  <p><font size="1" face="Arial, Helvetica, sans-serif"><em>Process operators are expected to be in high demand in the next few years. One study reported that between 2006 and 2020, over 5,000 new plant and facility operators will be needed in the oil sands.</em></font></p>
  </div>
          <font size="2" face="Arial, Helvetica, sans-serif">One study reported that between 2006 and 2020, over 5,000 new plant
          and facility operators will be needed in the oil sands. As construction
          of more and more oil sands projects ends and production begins, there
          is a change in the kind
          of workers most needed. More maintenance trades are needed and less
          construction trades workers are needed. Also, companies now need more
          operating and technical employees, such as process operators, power
          engineers, and instrumentation technicians.<p>A study recently put out by the Government of Alberta (Report on Phase
          2 of the Oil Sands Labour Resource Study) found that from 2006 to 2020,
          15,000 new employees would be needed for operations and maintenance
          in the oil sands industry. The study says there will be a need for
          over 5,000 plant and facility operators between 2006 and 2020. This
          includes process operators
          (noc 9232) and power engineers (noc 7351).
          </p><p><div class="floatleft">
  <p><img src="images/htmlbulletinimages/1008v2" width="356" height="235">
    <em><font size="1"><br>
    Over the next few years, more plants and facilities will open up and the
    demand for process operators and power engineers will increase. There is
    advancement in this industry and even movement between industries.</font></em></p>
  </div>
          </font>
          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Opportunities</strong><br>
            Recently, there have been over 80 job postings for process operators
            and power engineers, so there is great opportunity in Wood Buffalo
            for this occupation.
          </font><font size="2"> </font></p>
            <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;Attrition
              is one reason (for the increased need) because a lot of the older
              guys are going to be coming to the age of retirement within a
              very short time and they will have to be replaced,&#8221; says
              John Cook, associate dean of technology with Keyano College. &#8220;The
              other reason is expansion of the existing plants and new plants
            starting up.&#8221;</font></p>
          <p><font size="2" face="Arial, Helvetica, sans-serif">Hazel White,
                recruitment advisor with Syncrude Canada Ltd. says they recently
                had a large number of process operator
                  positions
                  posted online
                  because of their practice to promote staff within the company.While
                  this is an entry-level position, most companies require that
                their employees have at least a high school diploma and their fourth
                  class power engineering ticket. For more information on education,
                  see Schools
                  on page 4.</font><font face="Arial, Helvetica, sans-serif">           </font>          </p>
          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Process operators</strong><br>
            There are a few different kinds of process operators: refinery/upgrader
            process operator, gas plant operator, and oil and gas pipeline operator,
            to name a few. The jobs found in Fort McMurray are generally related
            to mineral and hydrocarbon processing in the oil sands industry.</font></p>
          <p><font size="2" face="Arial, Helvetica, sans-serif">When
                  searching for jobs, be aware that there are a number of different
              job titles for process operators. Usually, the title of the job
              is based on the process the employee is involved with or by the
              unit
                  in which the employee works. See the list on this page for
              other common
              job titles found recently on Job Bank.<img src="images/htmlbulletinimages/1008v3.png" width="209" height="365" align="right" class="floatrightnocut"></font></p>          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Movement between
              industries</strong><br>
              There are industries other than oil and gas where process operators
              can work, such as pulp mills and chemical plants. They may process
              different products, but employers will often consider hiring workers
              from these other industries.</font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;We have been successful in taking people that had previously worked
                in a paper mill,&#8221; says White with Syncrude. &#8220;The processes
                are certainly different. They&#8217;re dealing with paper, rather
                than oil, but we recently hired 18 (previous mill workers) and
                it&#8217;s
                my understanding that all 18 have gotten their fourth class tickets
                since coming to Syncrude. We still need people with refinery experience,
              but it is possible.&#8221; </font></p>            <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Power engineering</strong><br>
              Process operators in the Fort McMurray area generally have their
                fourth or third class power engineering certificate, which allows
                them to
                process steam and operate boilers. Other process operators, such
                as pulp mill operators, don&#8217;t necessarily need this. </font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">In
                  order to be called a power engineer, a person must be certified
                  through the Alberta Boilers Safety Association to operate pressure
              equipment (www.absa.ca). </font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">There are
                  four different levels of power engineer&#8212;the lowest
                    is fourth class, going up to first class. For more information
                  on the Alberta Boilers Safety Association, contact their Fort
                    McMurray office
                at 780-714-3067.</font></p>            <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Field and control
              room operators</strong><br>
              There are basically two levels of process operators in Fort McMurray:
                  field operators and control room operators (or board operators). </font></p>
                <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;</font><font size="2" face="Arial, Helvetica, sans-serif">Primarily
                      when someone is starting out, they&#8217;re in the field,&#8221; says
                      Cook. &#8220;After a few years they can become a board
                      operator if they want to do that. They are more experienced
                      and are
                      kind of like
                      the team lead. They tell the field people what needs to
                      be done and if it needs manual operation, (the field operators)
                      go out and do it&#8212;turning
                      valves, adjusting an instrument to control temperature,
                pressure, flow, or level.&#8221;</font></p>
                <p><font size="2" face="Arial, Helvetica, sans-serif">Process
                    operators are responsible for the initial separation processes
                    or the special treatment
                        required to ensure that
                        impurities such
                        as water and sediments are removed from oil and gas in
                        the field. Once
                        separated, the oil or gas is transported by pipeline
                  to refineries, gas plants or markets.</font></p>
                <p><font size="2" face="Arial, Helvetica, sans-serif">Some duties
                    of a process operator are operating equipment to ensure that
                    the oil meets
                      specifications before it
                          goes into
                          a pipeline.
                    Some of the equipment could be:<img src="images/htmlbulletinimages/1008v4" width="302" height="201" class="floatrightnocut"></font></p>           
                <ul>
            <li><font size="2" face="Arial, Helvetica, sans-serif">compressors</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">dehydration
                    units</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">vacuum and atmospheric
                  distillation columns</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">cokers</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">fractionators</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">pumps</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">compressors</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">steam
                    turbines</font></li>
            <li><font size="2" face="Arial, Helvetica, sans-serif">heat exchangers</font></li>
          </ul>          <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;A process operator, whether in Fort McMurray, or in a gas plant
                                  in Medicine Hat, basically processes the upstream
  oil and gas until it&#8217;s
                                      purified enough to go through a pipeline
  outside the gates of the plant,&#8221; says
                                Cook. </font></p>
          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Co-op education</strong><br>
              There are many power engineering programs around northern Alberta
                    (see below) and some process operating courses. Keyano College
                    offers co-ops
                    for both courses and one of the advantages of this program,
                    besides being in Fort McMurray, is the job placements which
            are provided.</font></p>
          <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;We only take as many students as we can guarantee work placement
                spots, and students have to compete for a seat,&#8221; says Cook. &#8220;We
                      look at their educational background, their marks and then
                there&#8217;s
                      an interview process with Keyano staff and industry people&#8212;just
              like applying for a job.&#8221;</font></p>          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Salary and benefits</strong><br>
              The pay range for this occupation varies greatly depending
                      on experience and training, but the range is about $20
                    to $47 per
                      hour, but averages
                      about $30 to $40 per hour. </font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">Because these
                  positions are for ongoing production and maintenance of oil
                  sands projects,
                    employees are expected
                        to move to
                        Fort McMurray, regardless of whether they are doing shift
                        work or
            not.</font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">Over the
                  next few years, there will be many more opportunities for people
                  wanting to get into a career in process
                    operating
              or power engineering.</font></p></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="586"> </td>
  </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="4" bgcolor="FFFFFF">
  <tr>
    <td height="10" colspan="2" bgcolor="#FFFFFF"><img src="images/darkLine.gif" width="750" height="3"></td>
  </tr>
  <tr>
    <td width="160" height="20" bgcolor="#FFFFFF"><div align="left"><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif">This
          website is funded by the Government of Alberta. </font></div>
    </td>
    <td width="199" align="center" valign="middle" bgcolor="#FFFFFF"><div align="right"><img src="images/GoA - EI 2Color C.PNG" width="170" height="31" border="0"></div>
  </tr>
  <tr>
    <td height="8" colspan="2" bgcolor="#DDCB8F"><table width="760" border="0" cellspacing="0" cellpadding="4">
        <tr>
          <td width="108"><div align="center"><font size="2"><strong><font color="#DDCB8F" face="Arial, Helvetica, sans-serif"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="index.html">Home</a></font></strong></font></strong></font></div>
          </td>
          <td width="104"><div align="center"><font size="2"><strong><font color="#DDCB8F" face="Arial, Helvetica, sans-serif"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="linksINTRO.html">Links</a></font></strong></font></strong></font></div>
          </td>
          <td width="117"><div align="center"><font size="2"><strong><font color="#DDCB8F" face="Arial, Helvetica, sans-serif"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="contactUS.html">Contact
                          Us</a></font></strong></font></strong></font></div>
          </td>
          <td width="151"><div align="center"><font size="2"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="privacyStatement.html"> Privacy
                      Statement</a></font></strong></font></div>
          </td>
          <td width="119"><div align="center"><font size="2"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="disclaimer.html">Disclaimer</a></font></strong></font></div>
          </td>
          <td width="113"><div align="center"><font size="2"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="siteMAP.html">Site
                      Map</a></font></strong></font></div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Hi Nadia thanks for your help in trying to fix the spry menus.
I am new to Dreamweaver and therefore would appreciate a bit more help with the issues you identified.
I did replace the doctype. As for removing the menu from a table and putting it into a div, would you be able to identify in the code below how I would do that?  Thanks
Spry Menu Code
</table><ul id="MenuBar1" class="MenuBarHorizontal">
      <table width="780" border="0" >
        <tr>
          <td><li><a class="MenuBarItemSubmenu" href="index.html"> Home</a>
  <li><a class="MenuBarItemSubmenu" href="#"> Employment
        </a>
          <ul>
            <li><a href="employINTRO.html">Introduction</a></li>
            <li><a href="aboutWages.html">Wages</a></li>
            <li><a href="employOG.html">Oil & Gas</a></li>
            <li><a href="employSERV.html">Service/Retail</a></li>
              <li><a href="employCONST.html">Construction</a></li>
            <li><a href="employGOVED.html">Gov't/Education</a></li>
            <li><a href="employFOREST.html">Forestry</a></li>
             <li><a href="employTRANS.html">Transportation</a></li>
            <li><a href="employHEALTH.html">Health</a></li>
        </ul>
<li><a class="MenuBarItemSubmenu" href="#"> Training & Education</a>
          <ul>
            <li><a href="trainINTRO.html">
            <script type="text/javascript" src="SpryAssets/SpryMenuBar.js"></script>
            Introduction</a></li>
            <li><a href="trainSKILLS.html">General Skills</a></li>
            <li><a href="trainSAFE.html">Safety</a></li>
          </ul>
<li><a class="MenuBarItemSubmenu" href="#"> About Wood Buffalo</a>
          <ul>
            <li><a href="aboutINTRO.html">Introduction</a></li>
             <li><a href="MediaEvent.html">Coming Events</a></li>
             <li><a href="AboutCostIntro" font size"12" class="MenuBarItemSubmenu">Cost of Living</a>
      <ul>
        <li><a href="AboutCostHouse.html">Housing</a></li>
        <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
      </ul>
    </li>
    <li><a href="aboutStats.html">What's it like in Fort McMurray?</a></li>
    <li><a href="aboutBeforeMove.html">Before You Move</a></li>
  </ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#"> Labour Market News</a>
        <ul>
            <li><a href="mediaINTRO.html">Introduction</a></li>
            <li><a href="mediaLMN.html">Labour Market News</a></li>
        </ul>
<li><a class="MenuBarItemSubmenu" href="#">Links</a>
          <ul>
            <li><a href="linksINTRO.html">Introduction</a></li>
            <li><a href="AboutCostIntro" class="MenuBarItemSubmenu">Cost of Living</a>
      <ul>
        <li><a href="AboutCostHouse.html">Housing</a></li>
        <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
      </ul>
    </li>
            <li><a href="linksEMPLIntro.html">Employer Websites</a></li>
            <li><a href="linksRESIntro.html">Resources</a></li>
            <li><a href="linksFACTSIntro.html">Fast Facts</a></li>
            <li><a href="ContactUS.html">Contact Us</a></li>
            <li><a href="privactStatement.html">Privacy Statement</a></li>
            <li><a href="disclaimer.html">Disclaimer</a></li>
            <li><a href="siteMAP.html">Site Map</a></li>
  </ul>
          <ul>
    </td>
  </tr> </td>
        </tr>
</table>

Similar Messages

  • Having problem with spry menu bar in Internet Explorer.

    I'm having a problem with my spry menu bars in Internet Explorer.
    Here are the pictures:
    Firefox
    Internet Explorer
    HERE ARE THE CODES:
    HTML CODE:
    <style type="text/css">
    <!--
    #apDiv1 {
        position:absolute;
        width:160px;
        height:126px;
        z-index:1;
        left: 205px;
        top: 424px;
        margin: 0 auto;
    -->
    </style>
    <style type="text/css">
    #apDiv3 {
        position:absolute;
        width:254px;
        height:206px;
        z-index:2;
        left: 123px;
        top: 1529px;
    #apDiv4 {
        position:absolute;
        width:250px;
        height:194px;
        z-index:3;
        left: 381px;
        top: 1528px;
    #apDiv5 {
        position:absolute;
        width:256px;
        height:200px;
        z-index:4;
        left: 636px;
        top: 1529px;
    #apDiv6 {
        position:absolute;
        width:349px;
        height:205px;
        z-index:5;
        left: 889px;
        top: 1530px;
    </style>
    <style type="text/css">
    #apDiv7 {
        position:absolute;
        width:887px;
        height:204px;
        z-index:6;
        left: 324px;
        top: 905px;
    #apDiv8 {
        position:absolute;
        width:1295px;
        height:74px;
        z-index:1;
        left: 212px;
        top: 668px;
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    #apDiv2 {
        position:absolute;
        width:209px;
        height:197px;
        z-index:2;
        top: 1220px;
        left: 171px;
    #apDiv9 {
        position:absolute;
        width:331px;
        height:97px;
        z-index:3;
        left: 385px;
        top: 1218px;
    #apDiv10 {
        position:absolute;
        width:292px;
        height:199px;
        z-index:4;
        left: 724px;
        top: 1218px;
    #apDiv11 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
    body {
        background-color: #000;
        background-image: url();
        text-align: center;
        color: #F00;
    .none {
        font-size: 80px;
        font-family: "Times New Roman", Times, serif;
        font-weight: bold;
    #apDiv12 {
        position:absolute;
        width:991px;
        height:60px;
        z-index:5;
        left: 198px;
        top: 192px;
    #apDiv13 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 588px;
        top: 322px;
    </style>
    <body onLoad="MM_preloadImages('images/WebConfroll.png','images/youthfootballroll.png','images/ statefbsweatshirt.png')">
    <p align="center" class="none"><img src="images/footballtitle.png" width="941" height="183"></p>
    <div align="center">
      <ul id="MenuBar2" class="MenuBarHorizontal">
        <li><a class="MenuBarItemSubmenu" href="#">[Placeholder]</a>
          <ul>
            <li><a href="#">[Placeholder]</a></li>
            <li><a href="#">[Placeholder]</a></li>
            <li><a href="#">[Placeholder]</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">[Placeholder]</a>
          <ul>
            <li><a href="#">[Placeholder]</a></li>
            <li><a href="#">[Placeholder]</a></li>
            <li><a href="#">[Placeholder]</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="#">Videos</a>
          <ul>
            <li><a class="MenuBarItemSubmenu" href="#">2008 Videos</a>
              <ul>
                <li><a href="videos/2009 videos/Glenbard part one/partone.html">Glenbard South Game</a></li>
                <li><a href="#">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&# 160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;[Placeholder]</a></li>
              </ul>
            </li>
            <li><a href="#" class="MenuBarItemSubmenu">2009 Videos</a>
              <ul>
                <li><a href="#">[Placeholder]</a></li>
                <li><a href="#">[Placeholder]</a></li>
              </ul>
            </li>
            <li><a href="#" class="MenuBarItemSubmenu">2010 Videos</a>
              <ul>
                <li><a href="#">[Placeholder]</a></li>
                <li><a href="#">[Placeholder]</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><span class="cent"><img src="images/bulldoghelmit.png" width="150" height="99" /></span></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p class="cent"> </p>
    <div align="center">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2008</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Defense%20Stats.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Offense%20Stats.pdf">Offense and Records</a></li>
            <li><a href="http://page.bps101.net/web/t1350/BHS%20All%20Time%20Stats.pdf">AllTime Data</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football2009/Western%20Sun%202009.pdf">Western Sun Final Standings</a></li>
          </ul>
        </li>
        <li> <a href="#" class="MenuBarItemSubmenu">Football Season 2009</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Record Book and Offense</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202010/All-Time%20Data%202009.pdf">Alltime Data</a></li>
          </ul>
        </li>
        <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2010</a>
          <ul>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2011%20Checklist.pdf">2010-2011 Offseason Checklist</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Defense%20Stats%20Final.pdf">Defense Stats</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Stats%20Packet.pdf">Record Book and Offense</a></li>
            <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20ALL%20TIME.pdf">Alltime Data</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="images/Batavia Youth football.png" alt="" width="869" height="200" /></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/WebConfroll.png',1)"></a></p>
    <div align="center">
      <div align="center"></div>
      <div align="center"><a href="http://www.athletics2000.com/upstate8/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/WebConfroll.png',1)"><img src="images/WebConf.png" name="Image7" width="206" height="194" border="0" id="Image7" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/statefbsweatshirt.png',1)"><img src="images/statefbsweatshirt.jpg" name="Image6" width="375" height="199" border="0" id="Image6" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/youthfootballroll.png',1)"><img src="images/youth football.png" name="Image8" width="329" height="197" border="0" id="Image8" /></a></div>
    </div>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/youthfootballroll.png',1)"></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="images/Logos.png" width="1167" height="199" /></p>
    <script type="text/javascript">
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    CSS CODE
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: auto 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 54em;
        border-top: thick solid #00F;
        border-left: thick solid #00F;
        border-right: thick solid #00F;
        border-bottom: thick solid #00F;
        height: 2.2em;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        cursor: pointer;
        width: 18em;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 18em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 18em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #000;
        padding: 0.5em 0.75em;
        color: #C96;
        text-decoration: none;
        text-align: center;
        height: 1.2em;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color: #900;
        color: #009;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #900;
        color: #FFF;
        text-decoration: underline;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        color: #FF0;
        font-family: "Lucida Console", Monaco, monospace;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    The website is http://wwww.bataviabulldogfootball.tk

    Note that running your page through the W3C Validator gives this list of errors: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bataviabulldogfootball.tk%2F&charset=%2 8detect+automatically%29&doctype=Inline&group=0
    I see that you have a very thin doctype at the top. I suggest you create a new page in Dreamweaver and copy the bit at the top of the page:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    Then put that code in place of these lines from your current page:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    I see that you have two opening <body> tags. Delete one; it is not needed. Add the preload images from the second into the first body tag and delete the second.
    I see code below the closing </html> tag. Re position it before the closing </body> tag.
    Because of these errors mentioned above, it was impossible to see the page. Fix and reply here when you have done so.
    Also, it is not possible for me to divine what difficulty you are having. If you can please also express it in English (LOL), I'll be happy to suggest a correction for you!
    Beth
    p.s. Posting entire blocks of code is NEVER as helpful as giving us a link to the pages in action. I seldom read through code dumps here in the Forum.
    Message was edited by: Zabeth69

  • Spry menu problems with Internet explorer

    Hi everyone
    I'm having ongoing problems with my horizontal menus and
    internet explorer. They work fine in other browsers and with the
    generous help of others at these forums I've managed to sort out
    most of the problems. But I've hit a real wall with this one. The
    menus drop down showing the links OK but you cannot highlight or
    click on the options that drop down, they just appear as text. Any
    help would be appretiated. My appologies for posting in other
    threads also but just hoping for a response.
    I am very new to this side of design so simple answers would
    be very helpful. Thanks
    Bob

    I have 2 similar problems to the prior posts:
    1) I run IE7 and FF and the positioning of my submenus are
    skewed in IE only.
    2) I am not sure, but I believe I have a problem with my
    iframe appearing in my IE7 browser behind all of my submenus. Well,
    I know I have a problem with something, but whether or not it's the
    iframe I don't know. What I do know is that the box shows up like a
    border around my submenus and I can't get rid of it. I suspect that
    it may be caused by the fact that my menu buttons are imported
    gif's in the shape of rounded rectangles which allows for the
    corners to be visible. I actually just thought about it and my
    gif's are set to have a white index transparency, but maybe If I
    export the gifs without transparency, then that issue will be
    resolved. Well I will try that part and see, but any and all
    suggestions are welcome. Oh and I just remembered, that problem
    with the border around my submenus also has another problem with
    the word "false" inside of that border behind my submenus. This
    problem again is only in my IE browser, and it is hard to see it,
    but I have no idea why that is there or what it's from. I ran a
    search in my SpryMenuHorizontal.css page and in my html page for
    the word 'false' but nothing turned up. The only document related
    to this issue that contains the word 'false' is the
    'SpryMenuBar.js' document.
    CSS
    Layout file
    HTML Demo
    link
    Thank you,
    Danny

  • Javascript menu issues in Internet Explorer 7

    Ever since Internet Explorer 7 came out I have suddenly been
    having issues with javascript menus on a couple sites. The menus
    work fine in Safari, Firefox (Mac & PC), as well as past
    versions of Internet Explorer. The issue is with any item in the
    menu that contains a hyphen - somehow the hyphen is being
    misinterpreted by IE7. Either all text after the hyphen is not
    visible (happened on one site), or it is interpreted as a line
    break and all text after the hyphen gets knocked down to a second
    line.
    Has anyone else had this problem, or know of a workaround for
    it?
    Thanks!
    janice

    Solution found and tested. It works! You'll need to make a
    minor change to the MM_Menu.js file. Click on this link to find out
    more, on my file it was line 136 that needed to be changed:
    http://www.radiantcore.com/blog/archives/16/02/2007/ie7mmmenu

  • Problems with Vertical Spry menu bar in Internet Explora

    Hi I'm new to Dreamweaver,
    I having trouble with a new site I'm making in CS4. A problem with a vertical menu bar, in IE. Can anyone help?
    1. The text is left aligned and should be centered.
    2. The menu bar has moved left
    3. My paragraph text has moved up the page and aligned itself to the to the menu bar.
    Website address: http://www.greenwyse.co.uk/
    I'm finding dreamweaver a bit clunky, reading the 'Missing Manual' but still very frustrating. Any one have any idea's/
    cheers
    myquirk

    Sorry, but your CSS is has been mangled beyound recognition.
    The solution is to start with an untouched style sheet. Then add or modify the CSS testing in your browsers as you make the changes.
    Have a look at the following where I have positioned the menu. All that is now required is the styling for font and the hover event.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet">
    <style>
    body {width: 960px;    margin: auto;}
    .article {clear: both; margin: 20px;}
    /* SPRY MENUBAR */
    ul.MenuBarVertical {width: 29em; margin: auto; border: none;}
    ul.MenuBarVertical li {width: 29em; text-align: center;}
    ul.MenuBarVertical a {background-color: transparent;}
    </style>
    </head>
    <body>
    <h1><img src="http://www.greenwyse.co.uk/greenwyse natural products/green_wyse_logo.png" width="200" height="136" alt="Green Wyse Natural Body Care Products" longdesc="greenwyse natural products/green_wyse_natural_body_care_products.png" /></h1>
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="index.html">100% Natural</a></li>
      <li><a href="greenwyse natural products/about dawn Ireland.html">Handmade</a></li>
      <li><a href="greenwyse natural products/Hand-Made-Natural-Bodycare.html">Eco Friendly</a>      </li>
      <li><a href="greenwyse natural products/green wyse body care products.html">Luxurious Body Care</a>    </li>
    </ul>
    <div class="article">
      <p>Working through a top-down, bottom-up approach, the vitality of conceptual synergies is of supreme importance to focus on improvement, not cost. Motivating participants and capturing their expectations, through the  adoption of a proactive stance, the astute manager can adopt a position at the vanguard. Building flexibility through spreading knowledge and self-organization, by moving executive focus from lag financial indicators to more actionable lead indicators, the new golden rule gives enormous power to those individuals and units.</p>
      <p>Organizations capable of double-loop learning, empowerment of all personnel, not just key operatives, measure the process, not the people. In a collaborative, forward-thinking venture brought together through the merging of like minds. The balanced scorecard, like the executive dashboard, is an essential tool in order to build a shared view of what can be improved, the vitality of conceptual synergies is of supreme importance. While those at the coal face don't have sufficient view of the overall goals.</p>
    </div>
    <!-- I prefer to keep the JS at the bottom of my document -->
    <script src="SpryAssets/SpryMenuBar.js"></script>
    <script>
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    Gramps

  • I am having issues with internet explorer showing my slide show ? does any one know how to solve this ?

    I am having issues with Internet Explorer showing my picture slideshow it works perfect in Google Chrome and Mozilla Firefox however there is just a blank white box whenever I go to Internet Explorer I'm using a free domain for testing purposes
    www.wethepeople.site40.net
    Can anyone tell me how to fix this issue

    Could you please try publishing the muse site to test Business catalyst site using publish button and check if you still facing the same issue?  Please share the link to test Business catalyst site you have created.
    Looking forward to your reply.

  • Wordpress website issues with Internet Explorer 8,9,10

    Hi,
    I have developed a website using Wordpress. http://www.worldretailcongress.cn/
    While I have no issues loading up the website on the Google Chrome and Firefox, I have been experiencing severe display issues with Internet Explorer. Sometimes the page appears to be broken.. while on other times, I cannot click through an action on the
    iframe.
    I tried using the meta tags <meta http-equiv="X-UA-Compatible" content="IE=Edge"> to force the page to load the latest engine...
    And then as described on this blog, I added yet another meta tag http://2slick.com/web/wordpress-problem-with-ie9internet-explorer-9/affordablewebsitestips/tutorials
    <meta
    http-equiv="X-UA-Compatible"
    content="IE=EmulateIE8">
    Could someone help me, how could I solve this?
    Best regards,
    Prashant

    http://www.worldretailcongress.cn/
    The only thing that I can load is your favicon
    http://www.worldretailcongress.cn/favicon.ico
    I was going to say that Modern.IE couldn't see anything either but while I was composing this it came back
    http://modern.ie/en-us/report#http%3A%2F%2Fwww.worldretailcongress.cn%2F
    Robert Aldwinckle

  • With 3.6.12, Help menu item "For Internet Explorer Users" results in a "Page Not Found" error. Is this a known bug? Is it being addressed?

    Clicking the 3.6.12 Help menu item "For Internet Explorers" item results in a "Page Not Found" error.
    The URL of the resultant page is https://support.mozilla.com/en-US/kb/Windows%20start%20page?as=u
    Is this a known bug, if so, is it being addressed? If so, someone needs to work faster.
    If it is not a known bug, someone needs to get right on it - you want people to switch to Firefox and then there is this bug -- not a good way to impress Internet Explorer users.

    Hi Claudio Roca,
    I have encountered the same problem. Do you found the solution for this issue? I will much appreciated if you willing to share your solution and email to [email protected] Thank you so much.
    Regards,
    Hau Chee

  • Issue with Internet Explorer on Lumia 920 Windows ...

    The built-in Internet Explorer browser can't handle drop-down menus. On touch, the options are shown, the menu rolls out, but when lifting finger, it rolls back instantly so you can't make a choice. If trying to move finger to the sub-menu, the entire screen moves with the menu title fixed under your fingers, as when shifting a web page sideways. So the sub menu again can't be accessed. If using two fingers, the browser doesn't respond when selecting the sub menu. If pressing too long (>1 second) you're asked to share the link on e.g. Twitter... There seems to be no way of accessing the sub menu. So now I'm eternally logged on to LinkedIn since the logout is in an inaccessible drop down menu. Any way to solve this issue? When will this Internet. Explorer error be fixed? It's been there for months now.(May 2013)

    I have the same issue on my lumia 920, love the phone but this is such a nightmare and pretty bad, considering the competition like i phone and Motorola g have no problems like this, plus its pretty embarrassing, i need this access for work, if there is no fix i may have to switch to another brand

  • Horizontal Spry Menu displays incorrectly in Explorer

    I looked in other discussions to find an answer to this, but I can't find the right answer.
    My issue is that my Horizontal Spry Menu Bar, which displays correctly in Firefox and Chrome, displays vertically and on the left side of the page in Explorer.
    I had a heck of a time getting the Menu Bar to work at all, so I'm sure there are issues in the coding, but don't know what they are.
    Any help is appreciated.
    Jean
    jeanrivard.com
    jeanrivard.com/vo

    This appears to have worked. Thank you Gramps!
    Jean

  • Menu problem in Internet Explorer

    I am having a problem with a Spry menu in Internet Explorer 9 and 8. Using Dreamweaver CS5.5 I have set up a horizontal menu bar and in all the browsers that I have tested it on it works fine on both a Mac and a PC, until I try Internet Explorer. When the file is stored locally and I view it (with Parallels Desktop) in IE instead of seeing the menu I see a large light green box that covers not only the menu area but the surrounding area too. I thought the problem might be with Parallels Desktop so I put the site online and now the green box is gone, but instead of the menu being displayed across the page it is in the centre of the page and vertical.  Can anyone shed some light on this for me please?
    The pages can be seen here: <http://www.colinbowling.com/ss/index.html>
    Thanks
    Colin.

    Have a look at the following
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: none;
        background: #FFF;
    The original value is left.
    Gramps

  • Spry Accordion Problem in Internet Explorer

    Hi,
    i have created a spry accordion menu in Dreamweaver CS3. My
    problem is that when I click in Internet Explorer, small selection
    handles appear all round the accordion object. This looks quite
    poor then. Any ideas how I can get rid of these?
    Thanks.

    Except for the fact that Spry Accordions are involved, the problem is hardly Spry related.
    Having said that, I will try to help you on your way to solving your problem.
    The following is a list of my observations
    the <div id="wrapper"> on line 74 does not have an ending tag
    <div class="right-column" has 35px padding on the right but not on the left. Because IE interprets the so-called box model differntly to other browsers, and because the div is floated right, the left edge of the div will be pushed further to the left than on other browsers. It may be an idea to put at least some of the padding on the left to keep it clear of the divider line
    the field set in your contact form is 460px wide, the div surrounding it is only 440px and again IE reacts differntly to other browsers in that it expands the parent to suit the child. Try reducing the width of the fieldset to say 400px.

  • Weird graphics and other issues with internet explorer in all versions.

    One of our laptops has an issue with their Internet Explorer. First, whenever the user logs on and starts internet explorer and navigates to any website, the website loads for a bit but then immediately displays a "Page cannot be displayed" error.
    Every single time. If we try browsing again/refreshing the page it loads fine. But during regular browsing, we might get that page again.
    Another issue that happens is sometimes the graphics logos won't load properly. See screenshot:
    http://i.imgur.com/0usOPpu.jpg
    And this happens a lot. If this won't happen, the websites will only load with half its formatting missing. 
    Now we have: 
    -Thoroughly checked computer for viruses. Several full scans have been done with MalwareBytes with no issues found. Microsoft Security Essentials has been installed, full scan done, no viruses/spyware/adware found. 
    -We have tried upgrading to IE11. Same issue. Downgraded to IE10. Same issue. Downgraded to IE9, same issue yet again. IE was Reset each time. 
    We checked if it could be a network issue, but none of the other computers connected to the same switch has issue like that. 
    Any suggestions/ideas to try? 

    Hi,
    I suggest you temporary disable antivirus and firewall, then check the result.
    You may try the steps from the links below to check the issue:
    "Internet Explorer cannot display the webpage" error
    http://support.microsoft.com/kb/956196/en-us
    Internet Explorer "Page Cannot be Displayed" error due to Bad Proxy Server Timeout
    http://support.microsoft.com/kb/2551554
    You may also refer to the computer or device manufacturer website and try installing the latest version of chipset, graphics card and video card drivers and check.
    Hope it helps.
    Regards,
    Blair Deng
    Blair Deng
    TechNet Community Support

  • Spry Validation Error in Internet Explorer

    Hi,
    I have a PHP form with Spry Validation for Textfields and Selction.
    The init part in the HTML form looks like this:
          var spryradioanrede = new Spry.Widget.ValidationRadio("spryradioanrede", {isRequired:true, validateOn:["change,blur"]});
           var sprytextfieldvorname = new Spry.Widget.ValidationTextField("sprytextfieldvorname", "none", {isRequired:true,  validateOn:["change,blur"]});
           var sprytextfieldnachname = new Spry.Widget.ValidationTextField("sprytextfieldnachname", "none", {isRequired:true,  validateOn:["change,blur"]});
           var sprytextfieldstrasse = new Spry.Widget.ValidationTextField("sprytextfieldstrasse", "none", {isRequired:true,  validateOn:["change,blur"]});
           var sprytextfieldhausnummer = new Spry.Widget.ValidationTextField("sprytextfieldhausnummer", "none", {  validateOn:["change,blur"]});
           var sprytextfieldplz = new Spry.Widget.ValidationTextField("sprytextfieldplz", "none", {useCharacterMasking:true, pattern:"00000", validateOn:["change,blur"]});
           var sprytextfieldort = new Spry.Widget.ValidationTextField("sprytextfieldort", "none", {isRequired:true,  validateOn:["change,blur"]});
           var sprytextfieldemail = new Spry.Widget.ValidationTextField("sprytextfieldemail", "email", { validateOn:["change,blur"]});
           var sprytextfieldvorwahl = new Spry.Widget.ValidationTextField("sprytextfieldvorwahl", "none", {validation:isNumeric,isRequired:false,  validateOn:["change,blur"]});
           var sprytextfieldrufnummer = new Spry.Widget.ValidationTextField("sprytextfieldrufnummer", "none", {validation:isNumeric, isRequired:false,  validateOn:["change,blur"]});
           var sprytextfieldausweisnummer = new Spry.Widget.ValidationTextField("sprytextfieldausweisnummer", "none", {validation:isValididentitycard,  validateOn:["blur"]});
           var sprytextfieldstaatsangehoerigkeit = new Spry.Widget.ValidationTextField("sprytextfieldstaatsangehoerigkeit", "none", {isRequired:true,  validateOn:["change,blur"]});             
           var spryselectfieldtag = new Spry.Widget.ValidationSelect("spryselectfieldtag", {isRequired:true, validateOn:["change,blur"]});
           var spryselectfieldmonat = new Spry.Widget.ValidationSelect("spryselectfieldmonat", {isRequired:true, validateOn:["change,blur"]});
           var spryselectfieldjahr = new Spry.Widget.ValidationSelect("spryselectfieldjahr", {isRequired:true, validateOn:["change,blur"]});
    When loading the page an error in Internet Explorer 8 occures:
    Error Details from IE:
    Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; MDDR; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
    Zeitstempel: Mon, 31 Aug 2009 08:54:38 UTC
    Meldung: 'this.input.defaultValue' ist Null oder kein Objekt
    Zeile: 1734
    Zeichen: 2
    Code: 0
    URI: http://.../SpryAssets/SpryValidationTextField.js
    When loading the page the first time it's not a big problem. But when the users enters some unvalid data the page lodes again and in the onload section from the body the function validateall is startet.
    function validateall()    {
                    status = 0;
                    status += spryradioanrede.validate();
                    status += sprytextfieldvorname.validate();
                    status += sprytextfieldnachname.validate();
                    status += sprytextfieldstrasse.validate();
                    status += sprytextfieldstrasse.validate();
                    status += sprytextfieldplz.validate();
                    status += sprytextfieldort.validate();
                    status += sprytextfieldemail.validate()
                    status += sprytextfieldvorwahl.validate();
                    status += sprytextfieldrufnummer.validate();
                    status += sprytextfieldausweisnummer.validate();
                    status += sprytextfieldstaatsangehoerigkeit.validate();
                    status += spryselectfieldtag.validate();
                    status += spryselectfieldmonat.validate();
                    status += spryselectfieldjahr.validate();
                    if (status < 15) {
                        return 0;
                    } else {
                        return 1;
    The error occurs again and the validation is not yet done. Which means, that the fields with problems will not be marked. When entering the field afterward and changing or blur everything works ok and the field is marked in red. Only the onload is not working.
    Any ideas, what the problem is?
    Thank
    Michael

    It seems to be an Error in Spry,
    Open the SpryValidationTextField.js
    find:
    Spry.Widget.ValidationTextField.prototype.reset = function() {
         this.removeHint();
         this.oldValue = this.input.defaultValue;
         this.resetClasses();
         if (Spry.is.ie) {
              //this will fire the onpropertychange event right after the className changed on the container element
              //IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
              //to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
              this.input.forceFireFirstOnPropertyChange = true;
              this.input.removeAttribute("forceFireFirstOnPropertyChange");
         var self = this;
         setTimeout(function() {self.putHint();}, 10);
    and replace with:
    Spry.Widget.ValidationTextField.prototype.reset = function() {
         this.removeHint();
         this.oldValue = this.input && this.input.defaultValue ? this.input.defaultValue : "";
         this.resetClasses();
         if (Spry.is.ie) {
              //this will fire the onpropertychange event right after the className changed on the container element
              //IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
              //to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
              this.input.forceFireFirstOnPropertyChange = true;
              this.input.removeAttribute("forceFireFirstOnPropertyChange");
         var self = this;
         setTimeout(function() {self.putHint();}, 10);
    To see if it helps

  • Wallaby animation display issues in Internet Explorer

    I've noticed another issue with my Wallaby animation in Internet Explorer. They seem to look and animate okay in Google Chrome and Apple Safari, but in Explorer, they don't. Try pulling the page below up in the different browsers. I'm running Internet Explorer version 9.
    http://thegalleysink.com/Website/portfolio.html

    Per the release notes, Wallaby output is only compatible on Chrome and Safari since it requires webkit.
    Michael

Maybe you are looking for

  • MacPro 2008 remote reconfiguration

    Hi, I am trying to reconfigure the drives on a MacPro 2008 remotely via Screen Sharing. The remote machine had 4 drives configured in RAID 0 (I know). I copied the contents of the drives (66 GB or so) to an external USB drive via SuperDuper and boote

  • How can I access Advanced Javascript Settings?

    I'm aware that, in recent versions of Firefox, the ability to disable Javascript has been removed. I don't intend to re-open discussion of that particular decision. But removing that option has also removed access to the Advanced Javascript Settings

  • Sat A100-593: Should I install 64-bit or 32-bit version of Win Vista

    A100-593 Centrino Duo T2300, 1 Gb RAM 533 FSB I have already installed 32-bit version. Everything works fine. But I read 64 bit can give problems with hardware laptop (lack of 64-bit drivers) http://www.tech-recipes.com/microsoft_vista_tips1426.html

  • Special Production Order

    Hello Guru, Yesterday we have issued, we want to have a production order that we dont want to direct posting of cost during Production Order declaration. we created a dummy material with mat type is non valuated, we made a production order with this

  • Current Computer does not show up

    I bought Apple Care and One on One for my new computer and since the change to OS Yosemite, it does not recognize my computer. ARRRRRGGGGHHHH! How do I change that? Only my 2007 computer shows.