Menu works in FF, not in IE6

This is most likely a simple fix for the guru types....take a
look at
http://www.ngms.state.ms.us/history
in FireFox and you will see the shell of a new history site for the
Misssissippi National Guard (this is still early beta). Look at it
in IE and you see it is very broken. The menu was ripped from
http://www.ngms.state.ms.us/campshelby,
while other parts were ripped from
http://www.ngms.state.ms.us/cmts.
I did a save-as to pull the menu from the campshelby menu,
and renamed the .css file and .js file to match. CS3 changed the
links...validity reports/browser compatibility checks ring up ok.
I can't program my way out of a wet paper sack, but I know a
good content management tool when I see it (CS3 on XP Pro)....I
have been a fan of .lib and CSS for a while, but building sites
isn't my primary gig.
Can someone point out the error of my ways?

Anyone? :-S
"Mike" <[email protected]> wrote in message
news:gqhl5n$62u$[email protected]..
> These main navigation buttons work fine in FF and IE7,
but according to a
> friend of mine still running IE6, they don't seem to
work in IE6.
>
> Could someone tell me why?
>
> (This is strictly a CSS problem.)
>
>
http://www.vilverset.com/main.php
>
> Suggested fix : Apparently, a quick fix would be to
assign a "_width:10px"
> to the class that would make the boxes wrap tightly
around the content.
> When I tried this, he said it fixed it. And since _width
only applies to
> IE, FF is unaffected by it.
>
> Would this be an appropriate fix?
>
> Thanks!

Similar Messages

  • Spry Horizontal menu works locally but not online.

    Hi people I built a site in Dreamwever CS5.5 and used a spry widget menu. It works great in firefox when I run it locally, but when I try to access a page from the online server it's rubbish. I've uploaded all of the JS files a couple of times and even copied some to multiple locations but still no joy. Any advice would be appreciated, the website is to promote a very noble cause. website is www.stopthetoad.com.au

    Hi Gramps,
    Thanks for your help, from the look of the previous posts on this forum
    you may need to change your name to Altruistic Guru.
    This is actually a site that my 14 years old daughter (Jessica) has put
    together and I'm very proud of her for the effort that she is giving in
    her own time without possibility of reward (other than having our native
    species survive another generation).
    Any further advice you can offer will go a long way towards getting
    those feral toads out of our country.
    We've upload all files via cuteftp, Dreamweaver and even manually 1 file
    at a time!
    But it still wont work. When we try to load a page we get a series of
    messages such as
        SpryMenu.js requires SpryWidget.js
        SpryMenuBarKeyNavigationPlugin.js requires SpryMenu.js!
    All of the files that the messages refer to have been uploaded several
    times but we still get the messages.
    The spry Ui-1.7 folder with all relevanr folders/files is in my
    public_html folder on the server. Should I move all of the Spry folders
    contents into the public_html folder or somewhere else?
    I expected Dreamweaver to do all of this for her perfectly, we must have
    gone wrong somewhere.
    This is a screenshot of the cuteftp screen showing all of the files in
    the public_html folder. You'll notice that I've copied some spry files
    into this folder also (will this cause problems)
    Kind regards,
    David
    (on behalf of Jessica)

  • Spry Menu bar 2.0 from Widget Browser only works in Firefox, not other browsers

    Hello,
    I have downloaded and customized the Spry Menu Bar 2.0 from Adobe Widget Browser.
    I have made a seemingly functionable horizonatl navigation bar that will be displayed on all of my website's pages.
    While in live view in Dreamweaver and when I preview the page in FireFox the entire navigation bar works and displays perfectly.
    However, when I preview the page in another browser, like Safari, the navation does not display and shows up as an ordered list. I have tried a couple of fixes with no success. I have also spent some time searching the forums for an asnwer, but more commonly I find that people have problems with the spry menu functioning in Firefox while I have the exact opposite problem.
    Please help!  I'm to have this website completed by the end of next week!
    Thank you!!

    Hi John,
    Thanks, however, my site is still only on my local computer and not live or on a testing server yet. I could copy and paste my code in, I thought that may be cumbersome, but here goes :
    <!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>Pennsylvania Academy of Music, Welcome</title>
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="NavigationDec2.html" rel="stylesheet" type="text/css" />
    <link type='text/css' href='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css' rel='stylesheet'/>
    <title>Spry Menu Bar - Basic : December 2</title>
    <link type='text/css' href='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css' rel='stylesheet'/>
    <script type='text/javascript' src='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/includes/SpryMenu.js'></script>
    <script type='text/javascript' src='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPl ugin.js'></script>
    <script type='text/javascript' src='file:///Macintosh HD/Users/ABaer/Documents/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPl ugin.js'></script>
    <style type="text/css">
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
        these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
         These assume the following widget classes for menu layout (set in a preset)
        .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
        .MenuBarVertical - vertical main bar; all submenus are pull-right.
        You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
        They only apply to horizontal menu bars:
            MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
            MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
            MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
            MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                            and centered in its parent container.
            MenuBarFullwidth - Grows to fill its parent container width.
        In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
        with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
        there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
        background-color:#f9e440;   
        font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                    MenuItem, and MenuItemLabel
                                                    at a given level all use same definition for ems.
                                                    Note that this means the size is also inherited to child submenus,
                                                    so use caution in using relative sizes other than
                                                    100% on submenu fonts. */
        font-weight: normal;
        font-size: 14px;
        font-style: normal;
        padding:0;   
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:12px;
        border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
        display:none;
    .MenuBarLeftShrink {
        float: left; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarRightShrink {
        float: right; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarFixedLeft {
        float: left;
        width: 750px;
    .MenuBarFixedCentered {
        float: none;
        width: 750px;
        margin-left:auto;
        margin-right:auto;
    .MenuBarFixedCentered br {
        clear:both;
        display:block;
    .MenuBarFixedCentered .SubMenu br {
        display:none;
    .MenuBarFullwidth {
        float: left;
        width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
        padding: 0px 0px 0px 0px;
        margin: 0;     /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                    For most items, we have to do top or bottom padding or borders only on the MenuItem
                    or a child so we keep the entire submenu tiled with items.
                    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
        padding: 4px 6px 4px 4px;
        background-color:#f9e440;   
        border-width:0px;
        border-color: #cccccc #ffffff #cccccc #ffffff;
        border-style: none solid none solid;
    #MenuBar  .MenuItemFirst {
        border-style: none none none none;
    #MenuBar .MenuItemLast {
        border-style: none solid none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
        text-align:center;
        line-height:1.4em;
        color:#003366;
        background-color:#f9e440;
        width:82px;
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 8px;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
        width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: lighter;
        font-size: 13px;
        font-style: normal;
        background-color:#c82f6a;
        padding:2px 2px 2px 2px;
        border-width:1px;
        border-color: #cccccc #cccccc #cccccc #cccccc;
        /* Border styles are overriden by first and last items */
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
        padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
        border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
        padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
        text-align:left;
        line-height:1em;   
        background-color:#c82f6a;
        color:#000000;
        padding: 6px 10px 6px 5px;
        width: 25em;
        width:auto;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
        background-color: #ffff99;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
        background-color: #ffff99; /* consider exposing this prop separately*/
        color: #000000;
    #MenuBar .MenuItemHover .MenuItemLabel{
        background-color: #ffff99;
        color: #000000;
    #MenuBar .SubMenu .MenuItemHover {
        background-color: #cc99ff;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
        background-color: #FFFDB8;
        color: #333366;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
        background-color: #c82f6a;
        min-width:100px;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
        top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
        left:10px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                        and your personal taste.
                        0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                        on MenuItemContainer and MenuItem on the parent
                        menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                        the dropdown with the left of the menu item label.*/
        z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
        top: 0px;   
        left:100%;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
        background-color: #c82f6a;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
        top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                    vertically 'centered' on its invoking item */
        left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
        background-color: #ffff99; /* consider exposing this prop separately*/
        color: #000000;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
        background-color: #cc99ff; /* consider exposing this prop separately*/
        color: #333366;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
        margin-left: -2px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    <style type="text/css">
    </style>
    </head>
    <body class="oneColFixCtr">
    <div id="container">
      <div id="Header"> </div>
      <div id="mainContent">
        <div id="Nav"><ul id="MenuBar">
      <li> <a href="index.html">Home</a> </li>
      <li> <a href="about.html">About Us</a>
      <ul>
        <li> <a href="history.html">History and Mission</a> </li>
        <li> <a href="admin.html">Administration</a>
        <li> <a href="faculty.html">Faculty</a>
        <li> <a href="artists-in-residence.html">Artists in Residence</a> </li>
      </ul>
      </li>
      <li> <a href="#">Programs</a>
      <ul>
        <li> <a href="lessons.html">Lessons</a> </li>
        <li> <a href="classes.html">Classes</a>
        <li> <a href="ensembles.html">Ensembles</a>
      <li> <a href="adultprograms.html">Adult Programs</a> </li>
      </ul>
       </li>
      <li> <a href="#">Departments</a>
        <ul>
          <li> <a href="choir.html">Choir</a> </li>
          <li> <a href="ealrydevelopment.html">Early Development</a> </li>
          <li> <a href="guitar.html">Guitar</a> </li>
          <li> <a href="jazz.html">Jazz</a></li>
            <li> <a href="piano.html">Piano</a></li>
              <li> <a href="strings.html">Strings</a></li>
               <li> <a href="theory.html">Theory and Composition</a></li>
                   <li> <a href="voice.html">Voice</a></li>
                       <li> <a href="windsandpercussions.html">Winds and Percussion</a></li></ul></li>
                        <li> <a href="admissions.html">Admissions</a> </li>
                         <li> <a href="#">Events</a>
                           <ul>
        <li> <a href="concertseries.html">Concert Series</a> </li>
        <li> <a href="studentevents.html">Student Events</a>
        <li> <a href="festivals.html">Festivals</a>
      </ul></li>
        <li> <a href="community.html">Community</a> </li>
            <li> <a href="#">Support</a>
             <ul>
        <li> <a href="donate.html">Donate</a> </li>
        <li> <a href="volunteer.html">Volunteer</a>
    </li></ul></li>
    <li> <a href="contact.html">Contact Us</a> </li>
          </li>
        </ul>
      </li>
      </ul></div>
    <div id="connect"> <div id="connectbox">
    <img src="emailus.jpg" width="55" height="52" alt="Email Us" /><p>
    <img src="apply.jpg" width="55" height="52" alt="Apply" /><p>
    <img src="newsletter.jpg" width="55" height="52" alt="Newsletter" /><p>
    <img src="Facebook.jpg" width="52" height="53" alt="Facebook" /><p>
    <img src="Twitter.jpg" width="55" height="55" alt="Twitter" /><p>
    <p></div>
    </div>
      <div id="pageheader"><img src="adultprograms.gif" width="800" height="61" alt="adult programs" /></div>
      <div id="MainCopy"> <div id="copywide">General Copy about Adult Programs
        <div id="classbox"><img src="earlymusicensemblece.gif" width="770" height="42" />
          <p>
         Directed by Rainer Beckmann, the Pennsylvania Academy of Music's Early Music Program provides opportunities for students to learn more about historical performance practice. The program's current activities focus on the school's Early Music Ensemble, made up of enthusiastic amateur musicians performing on recorders and violas da gamba. The recent donation of a two-manual harpsichord will allow the program to include special Baroque ensemble lessons in the near future. In addition, individual Academy students will have the possibility to be accompanied on an instrument regularly used in music of the 17th and 18th centuries. The class meets 1 hour per week.
       </div>
       <div id="smallclassbox"><img src="grouppiano.gif" width="770" height="42" />
    <p>
    Learn to play the piano in a group setting of 4-6 students. Classes are offered for all beginner piano students. Our qualified teachers will teach you to read notes and make music with your family and peers!</div>
    <div id="smallclassbox"> <img src="amateurchamber.gif" width="770" height="42" />
      <p>
    This course is designed for the adult amateur who would like to play his/her instrument in a chamber music setting with other amateurs of the same level. Groups meet once a week for a one-hour coaching and prepare a work to be performed at the end of the semester. Coachings address both individual needs and techniques of collaborative playing.
    </div>
        <div id="largeclassbox"><img src="rockandroll.gif" width="770" height="42" />
    This course traces the American popular music from the work songs of enslaved Africans through the Beatles.  The course focuses on the history, theory, and sociological implications of gospel, blues, bluegrass, rhythm and blues, rock and roll, and psychedelic rock.  Class will include lecture, discussion, and demonstration.  Students will give presentations on popular styles of the 1980s, 1990s, and beyond.
    Course Objectives:
    In this course, students will:<br/>
    1.  Understand the development of various styles/genres of popular music.
    2.  Understand the connectivity of the cultural, political and social, with the musical.<br/>
    3.  Become familiar with music terminology in order to discuss music with insight and authority.<br/>
    4.  Develop keen listening skills enabling them to discern such elements as instrumentation, stylistic characteristics, and beats/grooves.<br/>
    5.  Gain insight into the recording industry and its effects on American culture.
       </div>
    </div>
    </div>
      <!-- end #mainContent --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
          widgetClass: "MenuBar  MenuBarLeftShrink",
          insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    </script>
    </body>
    </html>

  • XML Dataset whit spry:if works in IE8 but not in IE6,IE7 and IE9

    Hello,
    I have bigs problem with my site created using SPRY framework and the filters functions.
    My pages works properly in IE8, Safari, firefox, chrome, ecc but not in IE6 and IE7.
    In IE9 works only in "compatibility mode"
    This page is an example:
    http://www.digidevice.com/P_IT/IT-Prodotti01.html
    in the browser ok there is a list of items, in the other that don't works there is only a void rectangle.
    In this page one example with code depured by formatting:
    http://www.digidevice.com/P_IT/IT-Prodotti01_PROVADATASET2.html
    Thanks in advance

    Hi, i have a similar problem..
    These URL returns a XML:
    1) http://www.bolsadesantiago.com/intradayServlet?symbol=IPSA
    2) http://www.valorfuturo.com/contenidos_vf/proyectos/clientes/penta/titularnoticias.asp
    I use a CS4 and both works in preview, but only first works over internet (IE7).
    I suspect that 2° has a problem of syntax XML, but work with jQuery.

  • Vertical Spry menu works in IE7 but not Safari

    My vertical SPRY menu works well in various versions of IE
    but when I preview in Safari it has an odd way of creating the
    sub-menu. Here is the visual:
    http://www.ornh.mb.ca/index_test.html
    Any suggestions? Dawn

    First thing is first. Your spry code is out of date. You are
    running version 1.4 and the latest is 1.6.1. Go to the page below
    and run the Spry Updater package:
    http://labs.adobe.com/technologies/spry/home.html

  • Spry menu bar places vertically, not horizontally?

    I followed the tutorial on using the widget browser to download Spry Menu Bar 2.0 and after configuring for a horizontal bar placed the bar in the tutorial index.html. The placement results in a vertical menu bar. What am I doing wrong?
    SPRY CODE
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Spry Menu Bar - Basic : tcm.menu</title>
    <link type='text/css' href='Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryMenu.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js'></script>
    <style type="text/css">
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
    These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
    MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
    MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
    MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
    MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
    and centered in its parent container.
    MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
    background-color:#b0c9d9;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
    MenuItem, and MenuItemLabel
    at a given level all use same definition for ems.
    Note that this means the size is also inherited to child submenus,
    so use caution in using relative sizes other than
    100% on submenu fonts. */
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    padding:0;
    border-color: #cddce7 #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
    .MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarFixedLeft {
    float: left;
    width: 960px;
    .MenuBarFixedCentered {
    float: none;
    width: 960px;
    margin-left:auto;
    margin-right:auto;
    .MenuBarFixedCentered br {
    clear:both;
    display:block;
    .MenuBarFixedCentered .SubMenu br {
    display:none;
    .MenuBarFullwidth {
    float: left;
    width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0; /* Zero out margin  on the item containers. The MenuItem is the active hover area.
    For most items, we have to do top or bottom padding or borders only on the MenuItem
    or a child so we keep the entire submenu tiled with items.
    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
    padding: 0px 10px 0px 0px;
    background-color:transparent;
    border-width:2px;
    border-color: #cddce7 #5c6a72 #5c6a72 #cddce7;
    border-style: solid solid solid solid;
    #MenuBar  .MenuItemFirst {
    border-style: solid solid solid solid;
    #MenuBar .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#333333;
    background-color:transparent;
    padding: 6px 15px 6px 25px;
    width: 138px;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    background-color:#677e8c;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 171px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #677e8c;
    border-color: #697278 #b8c4ca #b8c4ca #697278;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color: #b0c9d9;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #000000;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color: transparent;
    min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%; /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
    and your personal taste.
    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
    on MenuItemContainer and MenuItem on the parent
    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
    the dropdown with the left of the menu item label.*/
    z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: transparent;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
    vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #000000;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    </style>
    </head>
    <body>
    <ul id="MenuBar">
      <li> <a href="#">Home</a> </li>
      <li> <a href="#">Entertainment</a>
      <ul>
        <li> <a href="#">TV Listings</a> </li>
        <li> <a href="#">Music</a>
          <ul>
            <li> <a href="#">Hits</a> </li>
            <li> <a href="#">Ragga</a>
              <ul>
                <li> <a href="#">Roots</a> </li>
                <li> <a href="#">Reggaeton</a> </li>
                <li> <a href="#">Dancehall</a> </li>
              </ul>
            </li>
            <li> <a href="#">Country</a> </li>
          </ul>
        </li>
        <li> <a href="#">The Dirt</a>
          <ul>
            <li> <a href="#">Hollywood</a> </li>
            <li> <a href="#">NY Beat</a> </li>
            <li> <a href="#">London Scene</a> </li>
          </ul>
        </li>
        <li> <a href="#">The Web</a> </li>
      </ul>
      </li>
      <li> <a href="#">Politics</a> </li>
      <li> <a href="#">Sports</a>
        <ul>
          <li> <a href="#">Football</a> </li>
          <li> <a href="#">Baseball</a> </li>
          <li> <a href="#">Basketball</a> </li>
          <li> <a href="#">Racing</a>
            <ul>
              <li> <a href="#">F1</a> </li>
              <li> <a href="#">Indy Car</a> </li>
              <li> <a href="#">Stock Car</a> </li>
            </ul>
      </li>
        </ul>
      </li>
      </ul>
    <script type="text/javascript">
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
      widgetClass: "MenuBar  MenuBarLeftShrink",
      insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    </script>
    </body>
    </html>
    INDEX.HTML
    <!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>Bayside Pulse</title>
    <link href="styles/bayside.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
    <link href="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic. css" rel="stylesheet" type="text/css" />
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/plugins/MenuBar2/Spr yMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John Bachelor/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam5844.tmp/Spry-UI-1.7/includes/plugins/MenuBar2/Spr yMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
    These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
    MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
    MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
    MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
    MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
    and centered in its parent container.
    MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
    background-color:#b0c9d9;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
    MenuItem, and MenuItemLabel
    at a given level all use same definition for ems.
    Note that this means the size is also inherited to child submenus,
    so use caution in using relative sizes other than
    100% on submenu fonts. */
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    padding:0;
    border-color: #cddce7 #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
    .MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarFixedLeft {
    float: left;
    width: 960px;
    .MenuBarFixedCentered {
    float: none;
    width: 960px;
    margin-left:auto;
    margin-right:auto;
    .MenuBarFixedCentered br {
    clear:both;
    display:block;
    .MenuBarFixedCentered .SubMenu br {
    display:none;
    .MenuBarFullwidth {
    float: left;
    width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0; /* Zero out margin  on the item containers. The MenuItem is the active hover area.
    For most items, we have to do top or bottom padding or borders only on the MenuItem
    or a child so we keep the entire submenu tiled with items.
    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
    padding: 0px 10px 0px 0px;
    background-color:transparent;
    border-width:2px;
    border-color: #cddce7 #5c6a72 #5c6a72 #cddce7;
    border-style: solid solid solid solid;
    #MenuBar  .MenuItemFirst {
    border-style: solid solid solid solid;
    #MenuBar .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#333333;
    background-color:transparent;
    padding: 6px 15px 6px 25px;
    width: 138px;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    background-color:#677e8c;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 171px;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #677e8c;
    border-color: #697278 #b8c4ca #b8c4ca #697278;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color: #b0c9d9;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #000000;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color: transparent;
    min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%; /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
    and your personal taste.
    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
    on MenuItemContainer and MenuItem on the parent
    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
    the dropdown with the left of the menu item label.*/
    z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: transparent;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
    vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #000000;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div id="wrapper">
      <div id="header"><img src="images/bayside_pulse.jpg" width="960" height="150" alt="Bayside Pulse" /></div>
      <div id="nav">
        <ul id="MenuBar">
          <li> <a href="#">Home</a></li>
          <li> <a href="#">Entertainment</a>
            <ul>
              <li> <a href="#">TV Listings</a></li>
              <li> <a href="#">Music</a>
                <ul>
                  <li> <a href="#">Hits</a></li>
                  <li> <a href="#">Ragga</a>
                    <ul>
                      <li> <a href="#">Roots</a></li>
                      <li> <a href="#">Reggaeton</a></li>
                      <li> <a href="#">Dancehall</a></li>
                    </ul>
                  </li>
                  <li> <a href="#">Country</a></li>
                </ul>
              </li>
              <li> <a href="#">The Dirt</a>
                <ul>
                  <li> <a href="#">Hollywood</a></li>
                  <li> <a href="#">NY Beat</a></li>
                  <li> <a href="#">London Scene</a></li>
                </ul>
              </li>
              <li> <a href="#">The Web</a></li>
            </ul>
          </li>
          <li> <a href="#">Politics</a></li>
          <li> <a href="#">Sports</a>
            <ul>
              <li> <a href="#">Football</a></li>
              <li> <a href="#">Baseball</a></li>
              <li> <a href="#">Basketball</a></li>
              <li> <a href="#">Racing</a>
                <ul>
                  <li> <a href="#">F1</a></li>
                  <li> <a href="#">Indy Car</a></li>
                  <li> <a href="#">Stock Car</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
      widgetClass: "MenuBar  MenuBarLeftShrink",
      insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
        </script>
      </div>
      <div id="sidebar">
        <h3>Check This Out</h3>
        <p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt quis nostrud exercitation. Lorem ipsum dolor sit amet, ut aliquip ex ea commodo consequat.</p>
        <p>Sunt in culpa qui officia deserunt ullamco laboris nisi. Duis aute irure dolor mollit anim id est laborum. Sed do eiusmod tempor incididunt ut enim ad minim veniam, in reprehenderit in voluptate.</p>
        <p>Lorem ipsum dolor sit amet, duis aute irure dolor cupidatat non proident. Sed do eiusmod tempor incididunt. </p>
      </div>
      <div id="maincontent">
        <h2>There&#8217;s More to San Francisco than Cafe Townsend</h2>
        <p>Sure, Cafe Townsend's cool, and Chef Ipsum provides a great range of international cuisine. But San Francisco is the city where you can weave dreams of your own. Come, explore!</p>
        <h3>Scott&#8217;s For a Night to Remember</h3>
        <p>It's certainly one you're unlikely to forget&#8212;or should that be Fegette? Lorem ipsum dolor sit amet. Ut labore et dolore magna aliqua. <img src="images/adobeduo.jpg" alt="Scott and Duane" width="400" height="233" class="floatright" />In reprehenderit in voluptate quis nostrud exercitation ut aliquip ex ea commodo consequat. Eu fugiat nulla pariatur.</p>
        <p>Velit esse cillum dolore mollit anim id est laborum. Ut enim <a href="#">ad minim veniam</a>, ullamco laboris nisi in reprehenderit in voluptate. Excepteur sint occaecat duis aute irure dolor consectetur adipisicing elit. Ut labore et dolore magna aliqua.</p>
        <p>Sed do eiusmod tempor incididunt ut enim ad minim veniam, duis aute irure dolor. Ullamco laboris nisi in reprehenderit in voluptate excepteur sint occaecat. Cupidatat non proident, sunt in culpa lorem ipsum dolor sit amet. Ut labore et dolore magna aliqua. Consectetur adipisicing elit, <a href="#">ullamco laboris nisi</a> in reprehenderit in voluptate.</p>
        <p>Eu fugiat nulla pariatur. Ut enim ad minim veniam, sunt in culpa. Ut aliquip ex ea commodo consequat.</p>
        <p>Eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt in reprehenderit in voluptate velit esse cillum dolore. Ullamco laboris nisi cupidatat non proident, ut aliquip ex ea commodo consequat. Sunt in culpa ut labore et dolore magna aliqua.</p>
      </div>
    </div>
    </body>
    </html>

    Please upload your file to a server and give us a link. It is extremely difficult to work with pasted-in code...much more useful to see it in working order.
    Beth

  • Adobe Form... Is there a way to use a drop down menu to highlight or note other fields...

    I am working on a simple Adobe form.  I am currently trying to figure out if there is a way to use the answers of a drop down menu to either mark, note or highlight 14 other fields.  There are 9 possibilities in the drop down menu, include a blank and NONE.
    For example if the drop down menu is set to 1, then field 9, 10 and 14 are marked, noted or highlighted. 
    Is this possible with a script?
    Thank you in advance for any help! 

    Have you looked at the properties that are available to form fields. I would look at setting the fill color or border color for a form field. Either of these can be done with Acrobat JavaScript.

  • Creative Cloud installs and appears in my menu bar, but will not truly "open".

    I'm on OSX 10.9.3 . Creative Cloud downloads, installs, and appears in my menu bar, but will not truly "open". I only see the spinning symbol (the Adobe one, not the Apple beach ball). I never even get a chance to log in and download anything. I've tried on three different Macs with the same result. All three meet the system requirements for CC. Thanks in advance for any assistance!

    Sorry, it didn't work for me. I closed the application (it hung the first time I tried and I had to restart the Mac to get rid of the window), and deleted the recommended file. When I tried to re-open the app, I got this:
    I never got the opportunity to log in, either before or after the attempted fix.
    Thanks,
    A

  • My quick menu worked for a week than quit working. i reinstalled everything and same thing, it work

    my quick menu worked for a week than quit working. i reinstalled everything and same thing, it work ed for a few days than quit working. it says it is not a compatable program. i have win8. now it wont even work when i reinstall.

    Hi Johnyd69!
    So that the Community can help you better, we will need to know what model equipment  you are working with.
    Any other details you'd like to give will only help the Community better understand your issue!
    If this is an urgent support need, please CLICK HERE to reach our friendly Technical Support Team by phone or email.
    Thanks and have a great day!

  • Z key not working. Cursor not working. Random error noise. Ahhh!

    There has not been any liquids spilled on my laptop. The key has simply just stopped working but also working at the same time when I am not touching it. Zzzzzzzzzzzzzzzzzzzzzz is constantly being typed as soon as I start the laptop. Another issue is a random noise that occurs like an error noise but it does not stop unless I press alt or enter. Also sometimes when I put my cursor on a menu it jumps around not going to where I am directing it. I haven't had issues with this laptop until now. It is only about 6mos old and now all of sudden there are so many issues with it.

    Six months old? You shoudn't be bothering with this. Contact AppleCare: Contact Us

  • TS1718 I tried to update, did not work, unintstalled did not work.  Now when I try to install i get error message "The feature you are trying to use is on a network resource tha is unabailable.  Looking for itunes64.msi path.

    I tried to update, did not work, unintstalled did not work.  Now when I try to install i get error message "The feature you are trying to use is on a network resource tha is unabailable.  Looking for itunes64.msi path.

    (1) Download the Windows Installer CleanUp utility installer file (msicuu2.exe) from the following Major Geeks page (use one of the links under the "DOWNLOAD LOCATIONS" thingy on the Major Geeks page):
    http://majorgeeks.com/download.php?det=4459
    (2) Doubleclick the msicuu2.exe file and follow the prompts to install the Windows Installer CleanUp utility. (If you're on a Windows Vista or Windows 7 system and you get a Code 800A0046 error message when doubleclicking the msicuu2.exe file, try instead right-clicking on the msicuu2.exe file and selecting "Run as administrator".)
    (3) In your Start menu click All Programs and then click Windows Install Clean Up. The Windows Installer CleanUp utility window appears, listing software that is currently installed on your computer.
    (4) In the list of programs that appears in CleanUp, select any iTunes entries and click "Remove", as per the following screenshot:
    (5) Quit out of CleanUp, restart the PC and try another iTunes install. Does it go through properly this time?

  • I've almost got a global drop down menu working but I need help!!

    I've got a drop down menu working that is in my "Sites" folder in MobileMe and can be linked to individual pages on my site with an html widget. This way I only have to change one file when I need to edit my navigation menu. It works fine as a footer as you can see here: http://web.me.com/phelpssculpture/Site/home_2.html
    The problem is I can't figure out how to use it as a header because the Widget box has to be big enough for the menus to drop in or they get cut off, but if it overlaps the page content as it does on the top of the page it blocks the content.
    Is it possible to make this transparent so the content shows through?
    Any help would be greatly appreciated, if we can figure this out it will be a breakthrough for having an effective navigation bar and a great timesaver for editing.
    Sincerely, David

    with an html widget.
    you can not achieve the result with html snippet widget, because you have no control over it.
    ... if we can figure this out it will be a breakthrough for having an effective navigation bar and a great timesaver for editing.
    it can be done and it's a known debate between me and other whose like to hide iweb navbar and build their own text based navbar, here was my argument: http://discussions.apple.com/thread.jspa?messageID=8136472&#8136472
    that said, it can be done when you have control over iweb, here are examples:
    http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2009/8/11Pieces_of3.html (note the drop down menu overlap other elements).
    http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2009/9/10iWeb_NavBarWidget.html
    the examples were done with my widgets, so give apple feedback and ask for tools to build widgets and take controls: http://www.apple.com/feedback/iweb.html

  • Work email field not filling in for mail enabled security groups in sharepoint

    I've recently been trying to setup alerts to send to mail enabled security groups on our sharepoint site.
    I've created universal mail enabled security groups for this purpose, and populated them with users, and then set those in the alert field, but no one is getting alerts.
    After a lot of investigation, I've found that this is likely because the security groups listed under sharepoint in the people and groups section don't have work email fields filled in. Theres a couple of groups that work which do have this field filled
    in, but everything created recently is missing this. I can't seem to set this field up to be editable instead of importing from AD either. I've confirmed the AD import is working fine, all user details and work email fields are filled out correctly, it is
    only the security groups that are having problems.
    Does anyone have any experience with this?

    As per your description I assume that individual user gets email alert, right ?
    If no then go to central administration > operation > timer job definitions > “web application” view > select your web application in the menu bar to check if Immediate alerts working fine
    If not, please run the following operations:
    stsadm -o setproperty -propertyname alerts-enabled -propertyvalue false -url http://...
     stsadm -o setproperty -propertyname alerts-enabled -propertyvalue true -url http://...
     stsadm -o setproperty -propertyname job-immediate-alerts -propertyvalue "every 5 minutes"  -url http://...
    And then try again.
     At last, if the issue is still there, please check your email server settings in terms of the following articles:
    http://www.sharepoint-tips.com/2007/10/email-alerts-not-getting-sent-while.html
    http://social.technet.microsoft.com/Forums/en-US/sharepointworkflow/thread/36c3b5b5-af03-4f8a-b202-b62db330c21c/
     And if individual user gets an alert then you can create cutomized alert for Sec group
     Please refer
     http://sptoolbox.codeplex.com/releases/view/8255
     hope this will help you
    Regards, Pratik Vyas | SharePoint Consultant | http://sharepointpratik.blogspot.com/

  • My menu bar often does not function in Firefox

    I have Firefox 3.6.16. Since installing it, my menu bar often is
    not operational....So even though I click on the Tools or View
    category, no options box shows up.
    A few days ago I could not get my Yahoo! icons up nor Yahoo's
    Search box--at least that's working now;
    but the menu bar is behaving strangely.
    Does anyone know why this is happening?
    Thank you for your consideration.
    marlem388

    Dear cor-el,
    Thank you for your suggestion; I really should have mentioned that
    I already had used safe-mode before and also disabled and re-enabled
    the extensions (all of them) plus even uninstalled and re-installed the
    extensions.
    The problem has remained.
    However, I have not yet switched to the Default theme as you advised.
    So I shall do that.
    Thank you so much for your suggestion; I should have mentioned that I
    had already tried many other remedies.
    marlem388

  • I cannot send MMS from an iphone 5 - some people it works others do not receive it.   MMS is turned on and i have tried to reset phone etc - still same problem.

    I cannot send MMS from an iphone 5 - some people it works others do not receive it.   MMS is turned on and i have tried to reset phone etc - still same problem.

    Are the messages successfully sent?
    If so, what happens to a message after it is successfully sent has nothing to do with the cell phone that sent the message.

Maybe you are looking for

  • Video out from iPhone 3GS to TV.

    Can I use the standard (3 phono plugs on the end) video out lead I already have to view keynote presentations from my iPhone 3GS on my TV/Projector?

  • OEM IOException in sending Request :: Connection refused

    Hi, When I want to connect to OEM, I recieve an "java.lang.Exception: IOException in sending Request :: Connection refused". In emdb.nohup there is "----- Fri Apr 25 12:11:57 2008::The agentTZRegion value in /oracle/10.2.0/SUNAPART_ARTED08/sysman/con

  • Tracks out of order within Album... (Why?)

    Why on certain albums only are the tracks out of order on the Album view in ITunes 11? I have ensured that the Artist, Album Artist, Album, Year fields are all in sync. for 95% of my albums this is NOT an issue. When I navigate to the folder they are

  • Safari, installer, almost all prog crashes!!! Help!

    ~Hi! I have been two days trying to resolve this prob... My Safari is crashing when i open it, just some seconds later. The first time i thought the prob was on safari, but now i go to other progs and i have the same errors... So, like an hour back i

  • ADF BC / Why bind variables are mandatory in the sql query

    I got this error during view object excecution in the component browser : (oracle.jbo.SQLStmtException) JBO-27122: Erreur SQL lors de la préparation d'une instruction. Instruction : SELECT * FROM (Select distinct(socialgroup.socialgroup_i) from socia