2 sprys on 1 page not working in ie8

I have 2 sprys on this page http://www.amdf.org.au/mito-info.htm - it all works fine in all other browsers but the main menu won't work in ie8 when I add the second collapsible spry.
If I delete the collapsible spry it works fine, I'm using Dreamweaver CS5.
Any ideas?
Thanks in advance.

You are indeed a genius!!! Works great...thankyou
Also thanks for spotting typo - I've heard Ustralia is a fine place though!!
Guess I should use spell check...

Similar Messages

Commandmenu items highlight is not working in IE8 and firefox

HI All
i developed a menu for my project .
in that menu i have some menuitems
when i mouseover on commandmenuitem the item is highlighted .
but this is not working in IE8 and firefox ..
it is sometimes working in iE7 and some times it is not working.
Can any one help me

PDF documents are hosted in an ActiveX or netscape plugin control which have their own printing functions.
Start>Adobe Reader>Edit>Preferences - to adjust what functionality the PDF document viewer addon displays (menus etc).
Tools>Manage Addons>Show all addons
make sure you have both the x86 and x64 versions of your PDF reader Active X control installed and enabled. I would recommend also that you update to the latest version of the vendors' (Adobe?) plugin.
Possibly you have disabled scripting of ActiveX controls in the IE security zone that your parent page maps to. Also there is an IE security zone feature that prevents navigation to a domain in a zone of lower integrity.
Tools>Internet Options>Security tab, click "Reset all zones to default".
when asking developer related questions it is helpful if you can include a link to your website.
Rob^_^

OBI 11g Enterprise Manager (EM Website) does not work with IE8 (v8.0.6)

I am unable to login to the 11g EM website on Windows x64 2003 server. I get the below error:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; WOW64; Trident/4.0)
Timestamp: Wed, 6 Oct 2010 10:41:18 UTC
Message: Object doesn't support this property or method
Line: 4354
Char: 1
Code: 0
URI: http://YZU-1:7001/em/afr/partition/ie/default/opt/boot-11.1.1.3.0-0084.js
Any help is appreciated.
Thanks
B

Hi,
OBIEE 11g does not work with IE8.
Check this......What's wrong in OBIEE 11g
Regards,
Srikanth

CFGRID format=HTML not working in IE8

I'm using Cold Fusion 10 and trying a cfgrid and it does not work in IE8. It works perfectly in FF, of course. :-).
It IS within a Cfform in my .cfm file. Even when I take it down to it's simplest form to try to debug it doesn't work, but here is my original code:
<cfgrid name = "FirstGrid"
        height="200" width="700"
        font="arial" fontsize="12"
        query = "Getdates"
        SORT="Yes"
        selectmode="edit"
        format="html"
        >
        <CFGRIDCOLUMN NAME="anumber" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="No" DISPLAY="No"
        HEADERBOLD="No" HEADERITALIC="No">
    <CFGRIDCOLUMN NAME="schoolyear" HEADER="School Year"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="Yes" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="Yes">
    <CFGRIDCOLUMN NAME="doh" HEADER="Date of Hire"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="No" type="date">
    <CFGRIDCOLUMN NAME="leavedate" HEADER="Leave Date"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        FONT="Times" BOLD="No"
        ITALIC="No" SELECT="Yes"
        DISPLAY="Yes" HEADERBOLD="No"
        HEADERITALIC="No">
    <CFGRIDCOLUMN NAME="Returnfromleavedate" HEADER="Return From Leave Date"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="No">
    <CFGRIDCOLUMN NAME="terminatedresignedretireddate" HEADER="Terminated/Resigned/Retired"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="No">
    </cfgrid>
Thanks for any help!
B.

Sorry, I should have used the code tags. Let me ask that again.
I have HTML formatted data stored in VARCHAR2 columns on the database for which I am using a stylesheet to format into XSL-FO to resolve the HTML tags. For example, my data template populates a field PARAGRAPH_TEXT with content such as
<b>some bold text</b>and I am using
<xsl:apply-templates select="PARAGRAPH_TEXT"/>in my RTF template to process the data using the stylesheet to convert it to
<fo:inline font-weight="bold">some bold text</fo:inline>The HTML tags are corrrectly resolved when using the BI Publisher Word add-in and the output is correctly rendered in bold text but this does not happen when running on the server in an E-Business Suite environment due to the HTML tags in the output XML being generated as e.g. <b> instead of <b>. Has anybody experienced this and, more importantly, can anybody suggest a way of getting e.g. <b> in the XML instead of <b>

Login page not working in EBS R12 after autoconfig.

Hi,
We are using EBS R12 on windows 2003 server 32 on a test machine. As we were making some changes using autoconfig,
as the Login page not working in EBS R12 after running autoconfig.
Kindly help us.
Thanks in advance.

Hi,
Rollback the changes and run AutoConfig, see if you get the same error or not then -- See (Note: 387859.1 - Using AutoConfig to Manage System Configurations in Oracle E-Business Suite Release 12) for details "2.5. Rolling Back an AutoConfig Session".
Regards,
Hussein

Adobe CC Education Eligibility Page Not Working!

I work for a university and bought the educational version of CC. When I clicked the link in the email provided by Adobe to upload verification of my employment... I filled out the form and when I click the button at the bottom that says "Review and Submit" I get a page not found error. Someone at Adobe please help!

Different regions may have slightly different processes. Take a look at the following document: http://helpx.adobe.com/x-productkb/policy-pricing/education-faq.html
I hope that this will help you get going.
If you still get that Page Not Working error, try the same with a different browser and check.

I'm having constant problems with pages not working. I.E.: I cannot fill in writeable fields, click on buttons... or anything... nothing on the page works. And, this is not exclusive to a particular site. I can, however, work well in Explorer.

For the last few weeks I have had constant problems with pages not working. I.E.: I cannot fill in writeable fields, click on buttons... or anything... nothing on the page works. And, this is not exclusive to a particular site. It does seem to be a browser issue, because I can work well in Explorer.

Both the Yahoo! Toolbar extension and the Babylon extension have been reported to cause an issue like that. Disable or uninstall those add-ons.
* https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

SP.UI.ModalDialog.showModalDialog(options); pop-up not working in IE8

When i click a button, a pop-up should be opened. i have written below code into a function and called it to button... It works perfect in IW 9 and IE10. but its not working in IE8. please guid me to fix it.
var options = SP.UI.$create_DialogOptions();
options.title ="CDP Access";
options.width = 400;
options.height =150;
options.html = createDialogElementCDP();
options.dialogReturnValueCallback = dialogCallback;
SP.UI.ModalDialog.showModalDialog(options);
function createDialogElementCDP()
here my content goes..
Please help me run the popup in IE8 also.
Thank you!

What if you try something like below:
EnsureScriptFunc('SP.js', 'SP.ClientContext', function () {
EnsureScriptFunc("SP.UI.Dialog.js", "SP.UI.ModalDialog.showModalDialog", function () {
var options = {
title: "CDP Access",
html:'this is html',
dialogReturnValueCallback: callback
SP.UI.ModalDialog.showModalDialog(options);
Thanks,
Sohel Rana
http://ranaictiu-technicalblog.blogspot.com

Is the update page not working for of our devices.

Is the update page not working for apps? I cannot get it to load with any of our devices. iPhones or iPads?

There have been numerous reports on the forum today regarding this issue. It seems to be an issue at Apple, but no information has been posted on the status site.
http://www.apple.com/support/systemstatus/

Sharepoint Master Page Custom CSS not working in IE8.

I am using custom CSS3 for my site master page, which is working on all other browsers(which support CSS3). I also have a fall-back CSS to support the design for IE8, but on loading the classes are not applied.
What could be the possible reason for this? Any resolution or guidance to resolution? Am i missing something in that?

try these linsk:
http://sharepoint.stackexchange.com/questions/72192/masterpage-and-css-are-not-applied-in-ie-8
http://sharepoint.stackexchange.com/questions/77132/custom-css-will-not-work-on-internet-explorer-8
http://sharepoint.aspcode.net/view/635399286724222582121982/masterpage-and-css-are-not-applied-in-ie-8
http://blog.drisgill.com/2009/03/problems-with-ie8-standards-mode.html
http://msdn.microsoft.com/en-us/library/hh781508(v=vs.85).aspx
Please mark as answer if you find it useful else vote for it if it is close to answer..happy sharepointing

Spry Vertical Menu Bar not working in IE8

I've upgraded to 1.6.1, but it still doesn't work in IE8 unless in compatibility mode. http://jimgreenrealty.com/Test.html
Works fine in other browsers and other Spry elements appear to work normally in IE8. Can anyone help?
Thanks,
Steve B.

If you deselect compatibility mode on IE8 the menu bar disappears (on
all our computers anyway). Works fine in all other versions of IE and
all other browsers. Updated to Spry 1.6.1 and still no avail.
Here it is w/o the emulating statement: http://jimgreenrealty.com/Test.html
The other pages on the site still have it.
Thanks for looking at it.
*/ <mailto:[email protected]>
<mailto:[email protected]>/*
Message was edited by: RRR Trail
Not sure how this forum works, I responded by email and it posts my email address. I don't seem to be able to edit to remove it. Please remove the email address. Thanks,

Why does pages not work on my ipad1

ever since OS 5 upgrade pages, numbers and keynote have not worked on my ipad1 3g - anyone else had this problem and, found a fix
cheers
David

Hi David,
This is the forum for Pages on a Mac running OS X. I don't know iPad, but often answers in this forum are to check for upgrades to iWork apps after a System upgrade. You may get a better answer in this forum:
https://discussions.apple.com/community/app_store/iwork_for_ios?view=discussions
Regards,
Ian

Magic mouse swipe between pages not working "only" in finders and preferences

Hi community,
I'm a new comer in this mac world like I just bought it less than a month ago and I'm already having trouble with it.
My apple magic mouse cannot swipe between pages "only" in finder and preferences. I mean it works perfectly fine with Safari and stuff but when it comes to finder, I cannot move between folders by swiping with one finger. Ironically, it works fine if I change it to two finger swipe option by sacrificing 'Swipe between full-screen app' feature as it uses two fingers. Apple customer support that I talked to could not figure it out and I'm hoping to find answers here. I mean it's really awkward as it works with two fingers but not with one finger. Plus, one finger swipe works fine in Safari and other apps.
I did what I can - restarting, -switch on and off the mouse, - PRAM reset, - trying in serfdom, -remove and pair up again the mouse, -run repair permission in disk utility.
I use Mac Mini late 2014 with Yosemite 10.10.1 and this just happened all of sudden.
Please help!!

Just figured out it also does not work with the Mail app.

Printing an iframe with pdf using javascript is not working in IE8 and above

I have a problem with printing and Iframe with PDF in IE 8 and above
Following is my javascript:
var urlValue="";//Path of the file to be printed
var div = document.getElementById("printerDiv");
div.innerHTML = '<iframe src="' + urlValue + '" id="frame" name="frame" style="width:100%;height:100%;"></iframe>';
frame.focus();
frame.print();
This same thing is working fine in other browser but for IE is just not invoking the print dialog.
Also I tried to get the frame.print(); on load of the frame but even that is not working exactly as that way it print the parent window in output.
Few things I tried like:
1) div.innerHTML = '<iframe src="' + urlValue + '"
onload="this.contentWindow.print();"></iframe>';
2) frame.contentWindow.focus();
frame.contentWindow.print();
3) window.document.getElementsByTagName('iframe')['frame'].onload = (function () {
frame.focus();
frame.print();
I need to get the print of only the content which is in Iframe which I am binding in "printerDiv" by javascript.
Any perfect/different solution from which I have tried then please post here?
Thanks.

PDF documents are hosted in an ActiveX or netscape plugin control which have their own printing functions.
Start>Adobe Reader>Edit>Preferences - to adjust what functionality the PDF document viewer addon displays (menus etc).
Tools>Manage Addons>Show all addons
make sure you have both the x86 and x64 versions of your PDF reader Active X control installed and enabled. I would recommend also that you update to the latest version of the vendors' (Adobe?) plugin.
Possibly you have disabled scripting of ActiveX controls in the IE security zone that your parent page maps to. Also there is an IE security zone feature that prevents navigation to a domain in a zone of lower integrity.
Tools>Internet Options>Security tab, click "Reset all zones to default".
when asking developer related questions it is helpful if you can include a link to your website.
Rob^_^

Drop down not working in ie8

Hi and thanks in advance for any help you can provide.
I have a site http://www.webworksnow3.com/src id:src, pwd:src12345. There is a spry horizontal menu and a spry vertical menu on the pages under "About Us". When on one of the children pages with an active vertical menu, the horizontal menu "About Us" drop down does not work. Check it out on any of the pages "Our Firm" or "Our Team". It works in Firefox but not ie.
Code for Our firm:
<!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" />

<title>Discretionary Investment Management since 1938</title>

<link rel="icon" type="image/x-icon" href="images/logo.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function InitPage() {
Spry.$$('.MenuBarVertical li').forEach(function(node){
     var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
     if(a.href == window.location){
         Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
</script>

</head>
<body>
<div id="container">
<div id="header">
    <div id="phone">212.754.5100</div>
    
</div>
<div id="menu">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.php">Home</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">About Us </a>
        <ul>
          <li><a href="ourFirm.php">Our Firm</a></li>
          <li><a href="ourTeam.php">Our People</a></li>
          <li><a href="adv.php" title="Investment Advisory Brochure">Investment Advisory Brochure</a></li>
        </ul>
      </li>
      <li><a href="philosophy.php">Philosophy</a>      </li>
      <li><a href="services.php">Services</a></li>
      <li><a href="contact.php">Contact Us</a></li>
    </ul>
</div>

<div id="main">
<div id="rightPage">
<div id="sidebarNav">
    <h2>About Us</h2>
        <ul id="MenuBar2" class="MenuBarVertical">
            <li><a class="activeMenuItem" href="ourFirm.php" title="Our Firm">Our Firm</a>          </li>
            <li><a href="ourTeam.php" title="Our People">Our People</a></li>
            <li><a href="adv.php" title="Investment Advisory Brochure">Investment Advisory Brochure</a>          </li>
</ul>
</div>
<div id="quoteDiv">
   Earning our clients' trust for over 70 years
</div>
      <div id="sidebarContainer">
        <?php require_once('sidebar.inc.php'); ?>
      </div>
    </div>
    <div id="leftPage">
<div id="pageTitle">
    <h1>Shufro, Rose & Co.</h1>
    </div>
<div id="subHeading">
<h2>Leaders in Discretionary Wealth Management</h2>
</div>
        <div id="pageContent">
          <p><img src="images/wall-street-for-about.png" alt="Discretionary investment management - Shufro Rose & Co." width="120" height="180" hspace="0" vspace="27" align="left" /></p>
          <p> </p>
          <p>Shufro, Rose & Co. (SRC) was founded as a partnership in 1938. We are members of the New York Stock Exchange and are among the oldest such firms specializing in the discretionary management of investment portfolios. We are independent and owned entirely by our working Principals, each of whom is a Senior Managing Director. The Principals of SRC have worked together for many years; three have been in the investment business for more than forty years. Foremost in our minds is that putting our client’s interests first and producing good investment results are the most important services we can provide. In numerous instances we now advise the fourth successive generation of a family. These long relationships as well as the growth in our assets under management attest to our diligence on behalf of our clients.</p>
      </div>
      </div>
    </div>
      <script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>

</div>
<div id="footerContainer">
<div id="footer">
    <div id="footerText">745 Fifth Avenue | New York, NY 10151-2600 | (212) 754-5100 | (212) 754-5111 (Fax)</div>
    <div id="subFooter"><a href="legal.php" title="Privacy Policy" target="_blank">Privacy Policy</a> | <a href="legal.php" title="Business Continuity" target="_blank">Business Continuity</a> | <a href="legal.php" title="Order Routing" target="_blank">Order Routing</a></div>
    <div id="illus">Illustration: Kenneth Noland, Mysteries: Yellow and Blue 2000</div>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Horizontal CSS:
@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
padding: 0;
list-style-type: none;
font-size: 16px;
cursor: default;
width: 720px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: Georgia, "Times New Roman", Times, serif;
/* 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
padding: 0;
list-style-type: none;
font-size: 16px;
position: relative;
text-align: center;
cursor: pointer;
width: 7.8em;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FF0;
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
/* 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: 7.0em;
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: 12em;
border: none;
background-color: #224769;
text-align:left;
/* 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;*/
ul.MenuBarHorizontal ul li
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FEEF50;/*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: transparent;
color: #FEE54B;
text-decoration: none;
padding-top: 0.4em;
padding-right: 0.75em;
padding-bottom: 0.4em;
padding-left: 0.75em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
background-image: url(../images/grad2.png);
background-repeat: repeat-x;
/* 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
color: #FFF;
background-image: url(../images/grad2.png);
background-repeat: repeat-x;
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%;
/* 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;*/
Vertical CSS:
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 190px;
text-align:left;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 180px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
.activeMenuItem a {
color: #FFF;
ul.MenuBarVertical a
display: block;
cursor: pointer;
color: #666;
text-decoration: none;
padding-top: 0.5em;
padding-right: 0px;
padding-bottom: 0.5em;
padding-left: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #313538;
color: #FFF;
background-image: url(../images/vertMenuBg.png);
background-repeat: repeat-x;
.activeMenuItem {
background-color: #CCC;
background-image: url(../images/vertMenuBg.png);
background-repeat: repeat-x;
color:#FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #30363C;
color: #FFF;
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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
#container #main #rightPage #sidebarNav #MenuBar2 li .activeMenuItem {
color: #FFEA51;
Thanks!

Wow, Thanks so much!
I was using a template for the sub pages and I was sticking things in the editable regions, not paying attention to order. I pulled the DOMUtils out and put it as the first <script> on all pages and it works!
Thanks so much for taking the time. You are truly amazing!

2 sprys on 1 page not working in ie8

Similar Messages

Maybe you are looking for