Skip navigation
Currently Being Moderated

Dreamweaver CS5 SpryMenuBarHorizontal

Apr 25, 2013 5:51 PM

Hi Everyone!!


My drop down menu works fine in Firefox, Chrome, and Opera, but won't display properly in Explorer. I want my main menu bar to have the gradient background and the submenu to have a white background. However, this problem occurs only in Explorer, the submenu will drop down with gradient bars for each menu item instead of displaying the white background. Below is a screen shot and the website is: How do I fix this? Thank you!!! I really appreciate any help you can give me. I've been struggling with this for weeks!




  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 25, 2013 9:21 PM   in reply to SemiBeez

    What version if IE are you seeing this on? IE6 or below don't support native PNG transparency. I notice your 'yellow' gradient is a png file - wont work on IE without a fix.


    You can add the PNGFIX script from here:


    On a sidenote, if you are testing on IE7 or lower, I dont think you should really break your head doing this - as they're almost already obsolete.

    Mark as:
  • Currently Being Moderated
    Apr 27, 2013 7:15 AM   in reply to SemiBeez

    It would have made this a lot easier if you had posted the link to your site. Because we are now not in a position to look at your markup and CSS, we are only guessing.


    In SpryMenuBarHorizontal.css, near the bottom of the page, you will see the style rules for IE and a line that shows the background colour as #FFFFFF. Change the value to transparent and see what happens.

    Mark as:
  • Currently Being Moderated
    Apr 27, 2013 9:47 AM   in reply to SemiBeez

    Looking at your site at, I can see you've made a lot of changes to your Spry CSS code.  Quite frankly, nothing about it looks right.   I don't blame you for this. Spry code is clunky & hard to work with.  Spry was built in 2006 way before most of the modern browsers we use today.  Also spry drop-menus don't work on touch screen devices.   So long story short, Adobe abandoned Spry last year. 


    I think your site deserves a better menu system.  One that looks professional & actually works in all modern devices.  Pre-IE8 browsers shouldn't be a major concern to you.  Almost nobody uses them.


    If you have a budget to work with, get PVII's Pop-Menu Magic2.


    Or use jQuery.



    Nancy O.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points