The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS drop-down menu & ie6

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #24104

    Hi everyone,

    I have been working away on a new website and creating a drop-down menu from my page title. All seems to be going well, but I am at a loss why IE6 is behaving so differently.

    I have sfHover.js so all my hovers work ok, it must be something I am overlooking that is making IE6 behave differently.

    My primary issue is that the ‘content’ text cannot be selected, nor can the ‘breadcrumb’ links because of the drop-down menu. I realise this is because the drop-down menu seems to be over the top of the content in IE6.
    If I put overflow hidden on the div I cannot see the drop-down but can select the text and links.
    I have set widths and heights.
    Tried z-index.
    I am just getting myself so confused!

    Here is a link to the site:

    Any insight into the issue or a hint on the solution would be most appreciated as I am starting to pull my hair out!
    I have tested in other browsers and versions and IE6 is the only one acting this way.

    Let me know if you need anymore information.

    Edit: actually IE5 is also acting this way.


    I’m having a very similar problem:

    When the mouse is hovered over pistols, only 2 calibers is displayed when there should be 4.
    IE5+ is the main problem, works fine in Safari, a little buggy in Firefox.

    Any insight or solution would be highly appreciated.


    Hi artcoregfx,

    I think you may wish to start with inserting the flash object using swfobject.js, see the links below:
    There is probably more information out there, but at least this is a starting point for you.

    I had this same problem on this site:

    Ultimately, the swfobject.js enables you to have compliant code and fixes the issue of flash always wanting to be on top of everything else.

    Hope this makes sense!

    Let me know how you go.


    break through!

    i changed my nav container div to float left instead of right, positioning it absolutely with left margin and success!

    #nav_container {
    display: inline;
    float: left;
    margin-left: 356px;
    position: absolute;
    width: 400px;

    note to self: try not to float things to the right ;)


    thanks for the heads up, i will look into that solution for sure…


    Hooray! it works, but… the flash content shrinks to like 50%! now what? any clue or ideas? it only shrinks on IE5+, FF and Safari are fine.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.