Grow your CSS skills. Land your dream job.

css dropdown not working in IE (big surprise)

  • # July 1, 2009 at 11:40 am

    Hi, i made a dropdown menu for this site i am working on using only CSS and it seems to work fine in firefox and safari, but when i test it in IE the dropdowns are pushed all the way to one side of the nav, any advice? here is the source code and a link:

    http://www.marenastudios.com/client1/es … /index.php

    html:

    CSS:

    Code:
    ul#navigation {
    float: right;
    margin-top: 10px;
    width: auto;
    font-size: 13px;
    background-color: #FFFFFF;
    height: 40px;
    }
    ul#navigation li {
    display: inline-block;
    padding-right: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #777777;
    padding-left: 10px;
    text-align: center;
    float: left;
    }
    ul#navigation a {
    color: #777777;
    font-weight: lighter;
    letter-spacing: 1px;
    }
    ul#navigation a:hover {
    color: #FC7215;
    }
    ul#navigation li#last {
    border-right-style: none;
    padding-right: 0px;
    }
    ul#navigation li ul {
    letter-spacing: 0px;
    position: absolute;
    width: auto;
    visibility: hidden;
    }
    ul#navigation li:hover ul {
    visibility: visible;
    }
    ul#navigation li ul li {
    display: list-item;
    margin-right: 0px;
    border-style: none;
    clear: left;
    }
    ul.dropdown {
    line-height: 17px;
    padding-top: 7px;
    margin-left: -10px;
    }
    .dropdown-indent {
    margin-left:-21px;
    }

    thanks!

    # July 2, 2009 at 10:55 am

    anyone?

    # July 2, 2009 at 4:38 pm

    I like the design, good stuff.

    I’ve actually had this problem before and I’m scratching my brain trying to figure out how I fixed it. If anything pops up I’ll let you know.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".