We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 13473
    • 28 Posts
    Hi,

    Am working on this new site and have come across what seems a random issue with the menu and i.e. In ie 8 it displays ok for a while then goes funny? in i.e7 it displays as attached.

    Has anyone else this issue as Im beginning to pull may hair out now?

    Thanks

    James
    • Could you share the website so we can see the code? I might have some ideas, but without a website to check them it’s hard to say anything.

      Also have you validated the site? If not start with some validation: http://validator.w3.org/

      AMDbuilder
        Patrick | Server Wrangler
        About Me: Website | TweetsMODX Hosting
        • 13473
        • 28 Posts
        Thanks AMD.

        The website is at http://www.kairos-systems.com/newsite/

        This problem is driving me nuts as some people report a collapse in their browser and others dont. When Im using i.e 8 it will randomly collapse but after clearing my history and refreshing all is ok.
        Works fine in Chrome,Firefox,Opera.
        When doing a render on here http://ipinfo.info/netrenderer/index.php under Ie7 it collapeses but i.e 8 is ok?

        Here is the css for the nav. I like the template so much I havent changed much of this if any. Any help much appreciated as we like the menu so much as it looks and feels good.
        Thanks

        James


        #header .nav {
        position:relative;
        clear:both;
        background:url(../images/nav.jpg) top repeat-x #4F9EC9;
        border-bottom:2px solid #4F9EC9;
        border-top:2px solid #388CBA;
        border-left:2px solid #388CBA;
        border-right:2px solid #388CBA;
        padding:10px 10px 10px 0 !important;
        padding:4px 10px 10px 0;
        }

        #header a em {
        font-style:normal;
        text-decoration:underline;
        }

        #header .nav a {
        color:#fff;
        font:140% Trebuchet MS;
        text-decoration:none;
        padding:10px;
        }

        #header .nav a:hover {
        background:#4F9EC9;
        }

        #header .nav li.active a{
        background:#4F9EC9;
        }

        #header .nav li {
        display:inline;
        list-style:none;
        margin:0 1px 0 0;
        }

        #header .subnav {
        background:#4F9EC9;
        padding:5px 7px 7px 7px;
        font:90% Verdana;
        color:#DEEDF5;
        border-bottom:2px solid #388CBA;
        border-left:2px solid #388CBA;
        border-right:2px solid #388CBA;
        border-top:2px solid #3086B7;
        display:none;
        position:absolute;
        top:40px;
        left:-2px;
        width:98.5%;
        }
        #header .active ul, #header li:hover ul{
        display:block;
        }

        #header .subnav li {
        list-style:none;
        display:inline;
        }

        #header .subnav a {
        color:#DEEDF5;
        text-decoration:none;
        font:100% Verdana;
        padding:5px;
        border-bottom:2px solid #4F9EC9;
        }

        #header .subnav a:hover {
        border-bottom:2px solid #388CBA;
        color:#fff;
        }

        #header .subnav li.active a{
        border-bottom:2px solid #388CBA;
        color:#fff;
        }