Spry Menu Horizontal works great in FF but acts up in IE

Discussion in 'Web Design and Development' started by kamila3194, Dec 11, 2011.

  1. kamila3194 macrumors newbie

    Joined:
    Sep 28, 2011
    #1
    I created spry menu horizontal in DW. It works very well in FireFox and acts up IE. Please help me fix it. I spent lot of time by trying to solve issues. I was successful in some but the following problems remained unsolved. I am sure someone there can help.
    IN Internet Explorer:
    1. The tab MAPY becomes strangely more yellow color after “appear” behavior (other tabs don’t have this issue).
    2. Submenus are opening BEHIND other elements (that are below them).
    3. Hovering on submenus is jittery - not smooth like in FF

    I wonder why?

    The url of the site is http://www.mapkazdaszkiem.com/indextest1.html

    Below attached is the SpryMenuBarHorizontal.css
     

    Attached Files:

  2. mathcolo macrumors 6502a

    Joined:
    Sep 14, 2008
    Location:
    Massachusetts
  3. kamila3194 thread starter macrumors newbie

    Joined:
    Sep 28, 2011
    #3
    Spry Menu Horizontal works great in FF but acts up in IE

    I am using IE version 8. thank you
     
  4. John444 macrumors member

    Joined:
    Feb 10, 2011
    #4
    Make sure you have the proper <!DOCTYPE> at the start of your html document (before the <html> tag). (I am not sure what version of html you coded your webpage in, but a simple google search will show you all the possible <!DOCTYPE>). This is normally needed for css to work properly. Here is an example for xhtml transitional:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    ...Your website
    </html>
     

Share This Page