Animated drop down buttons not working in movie clip

Hi,
I am working on this site: (AS2)
http://www.steamandclean.com/Index_w_1.html
I have two types of drop down menu. One under Commercial and one under Technical
The buttons are movie clips. The drop downs are also movie clips that start in frame 2 and are triggered on rollover.
The child buttons are buttons living on the drop down movie clips. They are set to getURL
As you see they are not willing to neither link to any url or will they run their move clip animation. One is a button and one is a movie clip.
The left movie clip has a mask, but it makes no difference if I remove the mask . It also has a emboss filter and no difference is I take that away either.
All of it is in one flash movie right now, but I will be splitting it up in a master navigation movie and individual swf's soon.
Right now I have the main movie, then the button MC then the dropdown MC and in the drop down MC I have placed either a animated (button) MC or a button. So it nested in nested in.......
In both cases I scripting the child buttons like this:
on (rollOver) {
gotoAndPlay(2);
on (rollOut) {
gotoAndPlay(6);
on (release) {
getURL("http://steamandclean.com");
I have also tried to use
_parent.getURL and _root.getURL in stead of just get URL, but it does not work.
The drop down buttons seem to be buried. In the left side the whole drop down panel seems to act like a link?
What am I doing wrong?
Can you help?
ggaarde

Hi Ned
Thank you for your reply again.
I figured it out.
Your reply prompted me to have my main button on rollover to go to a frame number on the main time line and then move the content of the drop down movie clip to that frame.
The drop down panel now work and the child buttons animation now work as well. I just had to find a way to make the drop down panel disappear on rollout. Since I could not script the actual drop down panel I created three skinny invisible buttons and placed them on the right, left and button of the drop down panel. I scripted them to go back to frame 1 on both rollover and rollout. Done.
See the result there:
http://www.steamandclean.com/Index_w_1.html
(Left side only)
Thank you for your help.
ggaarde

Similar Messages

  • Buttons not working in movie clips

    I have multiple movie clips on stage (all in separate layers, of course) as well as buttons on stage to play each movie clip. There are buttons inside each movie clip. The problem is that the buttons inside the top layered movie clip work, but the others in the movie clips below don't.
    This is frustrating!! Can anyone help???

    It shouldn't matter which layer things are on.  If they are separate movielcips, one should not impact another.  What version of actionscript are you using?  Do any of the movieclips have mouse interactive code assigned to them?

  • Button not working in Movie Clip

    I'm building a small 'table builder' app for a client. This
    is my first major project in flash and I've encountered something I
    cannot figure out for the life of me.
    In the .fla below there's a movie clip 'scroller' it has
    buttons in it which load .png's to the main stage. Some of the
    buttons work, some don't.... I can't figure out why. Even when I
    duplicate a button sometimes it doesn't work.??? If I take a button
    that's not working in the movie clip and cut/paste onto the main
    timeline it ALWAYS works. I've been pulling my hair out over this
    for the last two days . I have even started the whole project from
    scratch just to try and find out where I went wrong... but to no
    avail..... Any help would be GREATLY appreciated. I'm stuck on a
    hump and I need some help to get off of it.
    Here's a link to my file. I've stripped away all the styling
    elements so it should be pretty clean cut when you see it. Thanks
    for any help or guidance!
    http://www.buddyscampfire.com/tableBuilder.zip

    A few errors: Scene 1 frame 1 Actions layer. You are
    referring to buttons inside of the scroller, and you don't have
    too. They aren't doing anything. All you need on that frame is:
    function startLoading(whichImage) {
    loadMovie(whichImage, "imageLoader");
    _root.onEnterFrame = function() {
    infoLoaded = imageLoader.getBytesLoaded();
    infoTotal = imageLoader.getBytesTotal();
    percentage = Math.floor(infoLoaded/infoTotal*100);
    infoField.text = percentage+"%";
    if (percentage>=100) {
    delete this.onEnterFrame;
    infoField._visible = false;
    Then on the Scroller you have that function again. Remove it
    from the scroller, as it does nothing there. Inside of the scroller
    all you need is code to attach png files from pressing the buttons.
    Make sure each button has a unique instance name, which isn't the
    case right now. You have like three buttons called imgbtn1. Fix
    that.

  • Lumia 720 volume down button not working

    Hey buddies, I'm using lumia 720 and often i get this volume down button not working.
    I changed the button by giving it in nokia care for 3times and still im facing the same problem.
    And also noticed that this is happening to most of the lumia 720's.
    so kindly look into it and rectify the problem as soon as possible.
    If there is any solution for this, kindly reply me.
    Thanks in advance...!

    Your only solution would be to return the unit back to nokia care for inspection,if there is a recurring issue with this im sure nokia would be aware of it now,and it could be a slight manufacturing defect which again would be looked into.
    If  i have helped at all a click on the white star below would be nice thanks.
    Now using the Lumia 1520

  • Drop Down menus not working in newest Internet Explorer.

    Drop Down menus not working in newest Internet Explorer. Ant suggestions??

    <script language="JavaScript" src="mm_menu.js">
    Wait - are you using the long-discredited Macromedia "Popup menus"?
    I'm surprised those still work in any browser. You should read this about them -
    http://www.losingfight.com/blog/2006/08/page/3/
    It's illuminating....

  • Drop down menus not working in Firefox 24.0

    Drop down menus not working in Firefox 24.0 but they still work in Safari/IE/Chrome.
    http://www.horizonhomes-samui.com/
    I'm using Windows 8.

    OK
    Application Basics
    Name: Firefox
    Version: 24.0
    User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0
    Extensions
    Name: Adobe Acrobat - Create PDF
    Version: 1.2
    Enabled: false
    ID: [email protected]
    Name: Wondershare Video Converter Ultimate
    Version: 6.0.0
    Enabled: false
    ID: {8D150B8F-EFE8-45a3-A4A3-053020F48FAC}
    Important Modified Preferences
    browser.cache.disk.capacity: 358400
    browser.cache.disk.smart_size.first_run: false
    browser.cache.disk.smart_size.use_old_max: false
    browser.cache.disk.smart_size_cached_value: 358400
    browser.places.smartBookmarksVersion: 4
    browser.startup.homepage_override.buildID: 20130910160258
    browser.startup.homepage_override.mstone: 24.0
    browser.urlbar.autocomplete.enabled: false
    extensions.lastAppVersion: 24.0
    gfx.direct3d.last_used_feature_level_idx: 0
    network.cookie.prefsMigrated: true
    places.database.lastMaintenance: 1382343540
    places.history.expiration.transient_current_max_pages: 104261
    plugin.disable_full_page_plugin_for_types: application/pdf
    plugin.importedState: true
    privacy.sanitize.migrateFx3Prefs: true
    storage.vacuum.last.index: 0
    storage.vacuum.last.places.sqlite: 1382343540
    Graphics
    Adapter Description: Intel(R) HD Graphics 3000
    Adapter Drivers: igdumd64 igd10umd64 igd10umd64 igdumd32 igd10umd32 igd10umd32
    Adapter RAM: Unknown
    Device ID: 0x0116
    DirectWrite Enabled: false (6.2.9200.16581)
    Driver Date: 7-31-2012
    Driver Version: 9.17.10.2828
    GPU #2 Active: false
    GPU Accelerated Windows: 0/1 Basic
    Vendor ID: 0x8086
    WebGL Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 3000 Direct3D9Ex vs_3_0 ps_3_0)
    windowLayerManagerRemote: false
    AzureCanvasBackend: skia
    AzureContentBackend: none
    AzureFallbackCanvasBackend: cairo
    JavaScript
    Incremental GC: true
    Accessibility
    Activated: true
    Prevent Accessibility: 0
    Library Versions
    NSPR
    Expected minimum version: 4.10
    Version in use: 4.10
    NSS
    Expected minimum version: 3.15.1 Basic ECC
    Version in use: 3.15.1 Basic ECC
    NSSSMIME
    Expected minimum version: 3.15.1 Basic ECC
    Version in use: 3.15.1 Basic ECC
    NSSSSL
    Expected minimum version: 3.15.1 Basic ECC
    Version in use: 3.15.1 Basic ECC
    NSSUTIL
    Expected minimum version: 3.15.1
    Version in use: 3.15.1

  • Homepage drop down menu not working - no stray file.

    The site is: http://ww.qtadvisors.com
    The drop down menus are working on every page but not on the homepage. The only thing I added recently was the Twitter feed. Can someone help? I looked for any stray files and there are none.
    thanks!
    Steve

    It appears you were able to figure this out. The sub-menus are working fine on the home page.
    Thanks,
    Vinayak

  • Username Drop Down Menu Not Working

    I'm having an issue with the drop down menu when I'm attempting to sign on or auto fill on certain websites. I have checked and indeed Firefox has saved usernames and passwords but it will not show up in the drop down box. When I double click on the box to sign in the drop box opens but everything is blank. If I manually type in the username then the password will auto fill. I have checked all my settings and I'm not in private browsing, I'm saving cookies and I'm not auto deleting anything when I sign off.
    Any ideas on what could be the problem? I have attached a link to see a screen save of the issue.
    Thank you in advance for all your assistance.
    http://img148.imageshack.us/img148/5686/firefoxusername.png

    Yes, I was using the form fill feature on the google toolbar. I have been using it for awhile with no problems but I turned it off and now my drop down menu is working properly.
    Thank you for replying!

  • Why are my slide shows disappearing and drop down menus not working?

    I have a huge problem with clients currently waiting on a response from us.
    We have created a website with MUSE, we have implemented slideshows and drop down menus which work fine when you preview them.
    HOWEVER, once we put an editor in place for the client to then input their content onto the website, all of the slideshows disappear and the drop down menus no longer work!?
    What do I do to rectify this problem??
    Thanks Guys

    This actually did work... But, I have figured out that the issue is really in IE7... and for whatever reason the code was making IE8 go into compatability mode (essentially using IE7).     

  • Drop-down Hotspot Not Working

    Hello. I'm using RoboHELP HTML v. 6, and I'm working on
    Windows XL. Within my help system, I have several drop-down
    hotspots. These work fine while I'm testing on my C: drive. But
    when I issue them to our test environment, the hotspot test is not
    hidden. It's already expanded. I think I've read where this could
    happen on older operating systems, but I can't figure out why it's
    happening here. Anyone know?
    Thanks,
    Mary Beth

    Try deleting the cache.db file.
    Go to ~ / Library / Caches/com.apple.Safari
    Move the Cache.db file from the com.apple.Safari folder to the Trash and restart your Mac.
    ~ (Tilde) represents your Home folder
    Also, go to Safari / Preferences then select the AutoFill tab.
    Click the Edit button next to:  Other forms
    Delete the sites you have problems with autofill then click Done.
    Quit then relaunch Safari to test.

  • Spry drop down menu not working after page created from template

    Hi all.
    I created a template and the drop down Spry menu is working fine on local testing on my browser as follows:
    I then created a New Page from this above Template. I did no alteration to this new page and just saved it as index.html but when previewing it in the browser, the Spry drop down menu is not working and the page displays as follows:
    Here is my site map:
    Any help to show where I am going wrong would be much appreciated.
    Thanks.

    Dear Nancy 
    Very grateful for your reply. 
    On Design View and Preview in browsers the index.dwt page spry works fine.
    When I create a child page from this template page, the child page looks fine in design view but does the spry fails to preview in browsers (the spry just shows as words and not drop down menus). 
    Here is the code:
    <!--
    #apDiv1
    #apDiv2
    #apDiv3
    #apDiv4
    -->
    <!--
    #apDiv5
    #apDiv6
    #apDiv7
    #apDiv8
    #apDiv9
    a:link
    a:hover
    #apDiv10
    body {
        margin-bottom: 0px;
        margin-top: 0px;
    #apDiv11
    -->
    !/cooltext454549176.png|height=170|width=631|src=/cooltext454549176.png!
    !/logosmall.jpg|height=58|hspace=0|width=150|src=/logosmall.jpg|vspace=0!
    Disclaimer:
    Studentshub is a platform for listing services as advertised/promoted by the Companies and individuals concerned. Studentshub does not endorse any of the contents on this site. Studentshub accepts no responsibility for any arrangements, purchase, contracts, agreements, refunds, failure to deliver services etc between individuals, landlords, clubs, organisations, companies etc. This does not affect your statutory rights (2009)
    *Contact !/bluebutton.gif|height=10|alt=Blue button|width=10|src=/bluebutton.gif!
    Sitemap !/bluebutton.gif|height=10|alt=Blue button|width=10|src=/bluebutton.gif!*
    © www.studentshub.co.uk *
    !/bluebutton.gif|height=10|alt=Blue button|width=10|src=/bluebutton.gif!
    !/cooltext454549388.png|height=138|width=700|src=/cooltext454549388.png!
    [LIVE | #]
    [CAMPUS | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [HOUSE SHARE | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [RENT | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [BUY | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [WORK | #]
    [EMPLOYMENT AGENCIES | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [PART TIME | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [VOLUNTEERING | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [WORK ABROAD | #]
    [TRAVEL | #]
    [BUS | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [TRAIN | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [COACH | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [FLIGHTS | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [CYCLE | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [FUN | #]
    [NIGHTS OUT | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [DAYS OUT | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [GROUP OUTINGS | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [HOLIDAYS | #]
    [UK | #]
    [ABROAD | #]
    [SHOPPING | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [BOOKS | #]
    [BOOKSHOPS | #]
    [USED BOOKS | #]
    [HEALTH | #]
    [NHS DIRECT | #]
    [HOSPITALS | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [WALK IN CLINICS | #]
    [DERBYSHIRE | #]
    [NOTTINGHASHIRE | #]
    [LEICESTERSHIRE | #]
    [GUM CLINICS | #]
    [DERBYSHIRE | #]
    [NOTTINGHAMSHIRE | #]
    [LEICESTERSHIRE | #]
    [HOME | #]
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", );
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html

  • FIREFOX FRONTMOTION DROP DOWN MENU NOT WORKING

    My company recently gave us Frontmotion Firefox, I am so happy to finally quit using IE. My company's website works fine with IE, all is well except on mouseover the drop down menus do not appear (This is also true for any website I try). I have looked all over the internet for a solution but all the questions and answers are about developers and code writing. I see there is the ability to "inspect element" and make changes to the code but I don't get it. I have tried in safe mode but nothing happens, I really don't have add-ons either. Please help I love Firefox and would like to continue using it.

    Try to disable hardware acceleration in Firefox.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *https://hacks.mozilla.org/2010/09/hardware-acceleration/
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
    *https://support.mozilla.org/kb/Safe+Mode

  • Acrobat X 10.1.1 - Colors picker drop down menus not working

    Colours picker drop down menus are not working stuck on default in all selections - Is there any work around / any other way to bring in or select an exact RGB / HEX etc colour besides using this picker if it doesn't work?
    - Chris

    You can programmatically set the various field colors (text, background, border) using JavaScript. For more information:
    Color arrays: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.260.html
    textColor property: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.726.html
    So you could set up a temporary button and use the following script in the Mouse Up event:
    // Set the text color to the RGB color (237,121,5),
    // which is a nice pumpkin color
    getField("text1").textColor = ["RGB", 237/255, 121/255, 5/255];

  • Spry drop down menu not working when tested in ie7, does in FF and safari on mac

    Please help! I have a spry dropdown menu on a page, when tested in FF and Safari it works fine, but when tested in IE the menus don't drop down and the styling to the over state seems to be being ignored. I have attached the code and css below.
    As I am just on the build stage it is in a template, I have not made any editable regions on the template as yet, this should not matter should it? As is probably obvious already I am quite new to this! Please help!
    CODE
    <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="../about us/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>about us</a>
           <ul>
             <li><a href="../calander/index.html" target="_self"><p></p>calendar</a></li>
             <li><a href="../oompah page/index.html" target="_self">oompah brass</a></li>
             <li><a href="../merchandise/index.html" target="_self"><p></p>merchandise</a></li>
           </ul>
         </li>
         <li><a href="../beer/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>beers</a>
           <ul>
             <li><a href="../beer/book a keg/index.html" target="_self"><p></p>book a keg</a></li>
           </ul>
         </li>
         <li><a href="../events/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>events</a>
           <ul>
             <li><a href="../events/oktoberfest events/index.html" target="_self"><p></p>oktoberfest events</a></li>
             <li><a href="../events/corporate/index.html" target="_self"><p></p>corporate</a></li>
             <li><a href="../events/stag hen/index.html" target="_self"><p></p>stag/ hen</a></li>
             <li><a href="../events/birthday group/index.html" target="_self">birthday/ group</a></li>
           </ul>
         </li>
         <li><a href="../sports/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>sports</a>
           <ul>
             <li><a href="../bayern supporters club/index.html" target="_self"><p></p>Bayern Munich uk</a>          </li>
    </ul>
         </li>
         <li><a href="../menu/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>food</a>
           <ul>
             <li><a href="../menu/everyday menu/index.html" target="_self"><p></p>everyday menu</a></li>
             <li><a href="../menu/special menu/index.html" target="_self">special menu</a></li>
           </ul>
         </li>
         <li><a href="../package and tickets/index.html" target="_self" class="MenuBarItemSubmenu">packages and tickets</a>
           <ul>
             <li><a href="../terms and conditions/index.html" target="_self">terms and conditions</a></li>
           </ul>
         </li>
         <li><a href="../double knuckle challenge/index.html" target="_self">double knuckle challenge</a></li>
         <li><a href="../gallery/index.html" target="_self"><p></p>gallery</a></li>
         <li><a href="../contact/index.html" target="_self"><p></p>contact us</a></li>
       </ul>
    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
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 900px;
    text-align: center;
    vertical-align: middle;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 100px;
    float: left;
    height: 50px;
    /* 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: 100px;
    position: absolute;
    left: -1000em;
    background-color: #f8ba16;
    color: #000099;
    /* 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: 100px;
    color: #300;
    background-color: #f8ba16;
    /* 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-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #000099;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #000099;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #f8ba16;
    color: #300;
    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-repeat: no-repeat;
    /* 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-repeat: no-repeat;
    /* 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-repeat: no-repeat;
    /* 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-repeat: no-repeat;
    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;
    Many thanks in advance.

    Please help! I have a spry dropdown menu on a page, when tested in FF and Safari it works fine, but when tested in IE the menus don't drop down and the styling to the over state seems to be being ignored. I have attached the code and css below.
    As I am just on the build stage it is in a template, I have not made any editable regions on the template as yet, this should not matter should it? As is probably obvious already I am quite new to this! Please help!
    CODE
    <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="../about us/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>about us</a>
           <ul>
             <li><a href="../calander/index.html" target="_self"><p></p>calendar</a></li>
             <li><a href="../oompah page/index.html" target="_self">oompah brass</a></li>
             <li><a href="../merchandise/index.html" target="_self"><p></p>merchandise</a></li>
           </ul>
         </li>
         <li><a href="../beer/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>beers</a>
           <ul>
             <li><a href="../beer/book a keg/index.html" target="_self"><p></p>book a keg</a></li>
           </ul>
         </li>
         <li><a href="../events/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>events</a>
           <ul>
             <li><a href="../events/oktoberfest events/index.html" target="_self"><p></p>oktoberfest events</a></li>
             <li><a href="../events/corporate/index.html" target="_self"><p></p>corporate</a></li>
             <li><a href="../events/stag hen/index.html" target="_self"><p></p>stag/ hen</a></li>
             <li><a href="../events/birthday group/index.html" target="_self">birthday/ group</a></li>
           </ul>
         </li>
         <li><a href="../sports/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>sports</a>
           <ul>
             <li><a href="../bayern supporters club/index.html" target="_self"><p></p>Bayern Munich uk</a>          </li>
    </ul>
         </li>
         <li><a href="../menu/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>food</a>
           <ul>
             <li><a href="../menu/everyday menu/index.html" target="_self"><p></p>everyday menu</a></li>
             <li><a href="../menu/special menu/index.html" target="_self">special menu</a></li>
           </ul>
         </li>
         <li><a href="../package and tickets/index.html" target="_self" class="MenuBarItemSubmenu">packages and tickets</a>
           <ul>
             <li><a href="../terms and conditions/index.html" target="_self">terms and conditions</a></li>
           </ul>
         </li>
         <li><a href="../double knuckle challenge/index.html" target="_self">double knuckle challenge</a></li>
         <li><a href="../gallery/index.html" target="_self"><p></p>gallery</a></li>
         <li><a href="../contact/index.html" target="_self"><p></p>contact us</a></li>
       </ul>
    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
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 900px;
    text-align: center;
    vertical-align: middle;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 100px;
    float: left;
    height: 50px;
    /* 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: 100px;
    position: absolute;
    left: -1000em;
    background-color: #f8ba16;
    color: #000099;
    /* 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: 100px;
    color: #300;
    background-color: #f8ba16;
    /* 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-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #000099;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #000099;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #f8ba16;
    color: #300;
    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-repeat: no-repeat;
    /* 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-repeat: no-repeat;
    /* 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-repeat: no-repeat;
    /* 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-repeat: no-repeat;
    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;
    Many thanks in advance.

  • Drop down Menu not working.

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>Riding Bean Abridged</title>
    <link href="RidingBean/RBAStyle.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#000000" text="#FFFFFF" link="#FF0000" vlink="#0000FF" alink="#FF00FF">
    <p><img src="../Graphics/RidingBeanBanner.png" width="750" height="150">
    </p>
    <div style="font-size:36px">
      <div style="color:#9900CC"> Project Status: Complete || <a href="https://www.youtube.com/watch?v=RkIm81Nlab0">Watch It Now!</a>
        </div>
    </div>
    </br>
    <div align="left" style="font-size:18px">
        Bean Bandit aka The Road Buster is a local freelance courier for hire. While he and his partner Rally Vincent, sweet natured gun toting blonde, are sought after by the local P.D. and an Inspector with a fuel tank for a brain, it's not the local cops he's worried about but his string of new clientele. From being the get away driver for a moron to the patsy of a kidnapping, Bean and Rally have their work cut out for them in this insanely hilarious rendition. Oh did we mention, Bean's not exactly your average freelancer <img src="../Graphics/wink.png" width="25" height="25">.
    </div>
    <div id="nav">
      <div id="nav_wrapper">
      <ul>
      <li><a href="#">CAST</a>
                    <ul>
                    <li><a href="#"> Stars </a></li>
                            <li><a href="#"> Supporting </a></li>
                            <li><a href="#"> Extras </a></li>
                            <li><a href="#"> Voice Only </a></li>
                    </ul>
                    </li>
         <li><a href="#"> EXTRAS</a></li>
      <li><a href="#"> RBA'S DEVELOPMENT</a></li>
       </ul>
      </div>
    </div>
    <div style="font-size:24px" align="center"><div style="color:#FF0000">Characters and Cast</div></div></p>
    <table  width="100%" border="0" style="font-size:18px">
      <tr>
        <td width="15%"></td>
        <td width="15%"></td>
        <td width="5%"></td>
        <td width="15%"></td>
        <td width="15%"></td>
        <td width="5%"></td>
        <td width="15%"></td>
        <td width="15%"></td>
      </tr>
      <tr align="center">
        <td>Character Picture</td>
        <td>Character Name &amp;<br>
        Voice Actor</td>
        <td> </td>
        <td>Character Picture</td>
        <td>Character Name &amp;<br>
        Voice Actor</td>
        <td> </td>
        <td>Character Picture</td>
        <td>Character Name &amp;<br>
        Voice Actor</td>
      </tr>
      <tr>
        <td><p><img src="RidingBean/ridingbean3.jpg" width="250" height="200"></p></td>
        <td align="center"><p>Bean Bandit</p>
        <p>Blinkyxx</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/Dispatcher.jpg" width="250" height="200"></td>
        <td align="center"><p>Dispatcher</p>
        <p>Kaliopae</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/Accomplis.jpg" width="250" height="200"></td>
        <td align="center"><p>Accomplice</p>
        <p>Blinkyxx</p></td>
      </tr>
      <tr>
        <td><p><img src="RidingBean/500px-RidingBeanCZ75.JPG" width="250" height="200"><br>
        </p></td>
        <td align="center"><p>Rally Vincent</p>
        <p> Emiloser</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/rb06j.jpg" width="250" height="200"></td>
        <td align="center"><p>Naked Hostage</p>
        <p>Kaliopae</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/GrimwoodGuard.jpg" width="250" height="200"></td>
        <td align="center"><p>Grimwood Guard 1</p>
        <p>Warriortitan</p></td>
      </tr>
      <tr>
        <td><p><img src="RidingBean/Percy.jpg" width="250" height="200"><br>
        </p></td>
        <td align="center"><p>Inspector Percy</p>
        <p>Zerograves</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/Waitress.jpg" width="250" height="200"></td>
        <td align="center"><p>Waitress</p>
        <p>Kaliopae</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/Police2.jpg" width="250" height="200"></td>
        <td align="center"><p>Police Man 2</p>
        <p>Blinkyxx</p></td>
      </tr>
      <tr>
        <td><img src="RidingBean/Summerlin.jpg" width="250" height="200"></td>
        <td align="center"><p>Summerlin</p>
        <p>Enticingaria413</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/Robber.jpg" width="250" height="200"></td>
        <td align="center"><p>Robber</p>
        <p>Blinkyxx</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/500px-RidingBean1911.JPG" width="250" height="200"></td>
        <td align="center"><p>Security Guard 1</p>
        <p>Manic Amza</p></td>
      </tr>
      <tr>
        <td><img src="RidingBean/Riding_Bean_Carrie1s.jpg" width="250" height="200"></td>
        <td align="center"><p>Carrie</p>
        <p>RedODonnell</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/char_23847_thumb.jpg" width="250" height="200"></td>
        <td align="center"><p>Morris</p>
        <p>Gimrak</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/500px-RidingBeanAR15.JPG" width="250" height="200"></td>
        <td align="center"><p>Grimwood Guard 2 &amp; 3</p>
        <p>Arnel De Leon</p></td>
      </tr>
      <tr>
        <td><img src="RidingBean/LtDick.jpg" width="250" height="200"></td>
        <td align="center"><p>Lt. Dick</p>
        <p>GaoGaiKingTheGreat</p></td>
        <td> </td>
        <td><img src="RidingBean/char_23839_thumb.jpg" width="250" height="200"></td>
        <td align="center"><p>Chief</p>
        <p>Edude77</p></td>
        <td align="center"> </td>
        <td align="center"><img src="RidingBean/x19_movies_RidingBean_AnimationMovie_1989.jpg" width="250" height="200"></td>
        <td align="center"><p>Rnadom Couple</p>
        <p>Male: Manic Amza<br>
          Female: Averoxot</p></td>
      </tr>
      <tr>
        <td><img src="RidingBean/47441.png" width="250" height="200"></td>
        <td align="center"><p>Chelsea</p>
        <p>Enticingaria413</p></td>
        <td> </td>
        <td><img src="RidingBean/Police1.jpg" width="250" height="200"></td>
        <td align="center"><p>Police Man 1</p>
        <p>Zerograves</p></td>
        <td align="center"> </td>
        <td align="center">No Picture</td>
        <td align="center"><p>Security Guard 2 <br>
          Patman</p>
        <p> Security Guard 3<br>
          Gimrak
          <br>
        </p></td>
      </tr>
      <tr>
        <td><img src="RidingBean/grimwood01.jpg" width="250" height="200"></td>
        <td align="center"><p>Mr. Grimwood</p>
        <p>Zerograves</p></td>
        <td> </td>
        <td><img src="RidingBean/rick_riding_bean_35514.jpg" width="250" height="200"></td>
        <td align="center"><p>Tucker</p>
        <p>Manic Amza</p></td>
        <td align="center"> </td>
        <td align="center">Voice Only</td>
        <td align="center"><p>Walter</p>
        <p>Blinkyxx</p>
        <p>Random Woman</p>
        <p>Kaliopae</p></td>
      </tr>
    </table>
    </body>
    </html>
    @charset "UTF-8";
    /* CSS Document */
    #body{
      padding:0;
      margin:0;
      overflow-y: scroll;
      font:Arial;
      font-size:18px;
    #nav{
      background-color:#999;
    #nav_wrapper{
      width: 960px;
      margin: 0 auto;
      text-align: center;
    #nav ul{
      list-style-type: none;
      padding: 0;
      margin: 0;
      position: relative;
    #nav ul li{
      display: inline-block;
      margin:10px;
      li
    #nav ul li:hover{
      background-color:#FFFFFF;
    #nav ul li a,visited{
      color:#03F;
      display:block;
      padding: 0;
      text-decoration: none;
    #nav ul li a:hover{
      color:#03f;
      text-decoration: none;
    #nav ul li:hover ul{
      diaplay: block;
    #nav ul ul{
      display: none;
        position: absolute;
        background-color: #FFFFFF;
        border: 5px solid #222;
        border-top: 0;
        margin-left: -5px;
    So here is all my code/tag, everything works fine until we get to the drop down part. The UL UL doesn't create the drop down. The idea here is to get rid of all this outdate tabling I was using for this page. However, my attempts to make this drop down menu work aren't going well. Can anyone help me find the problem?

    I think the problem is in your HTML code.
    <nav>
       <ul>
       <li><a href="#">Top Level Menu 1 &#9660;</a>
            <ul>
            <li><a href="#">Sub_menu1a</a></li>
            <li><a href="#">Sub_menu1b</a></li>
            </ul>
       </li>
       <li><a href="#">Top Level Menu 2 &#9660;</a>
            <ul>
            <li><a href="#">Sub_menu2a</a></li>
            <li><a href="#">Sub_menu2b</a></li>
            <li><a href="#">Sub_menu2c</a></li>
            <li><a href="#">Sub_menu2d</a></li>
            </ul>
       </li>
       <li><a href="#">Menu 3</a></li>
       </ul>
    </nav>
    See this jS Fiddle
    CSS Menu - JSFiddle
    Nancy O.

Maybe you are looking for