Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorjinnyruth
    • CommentTimeJul 29th 2006
     permalink
    I am working on a horizontal menu that is just killing me. I am sure there is some ie work around I need, but in trying to figure out which one I am about ready to go insane. If someone can save my sanity, I will forever be grateful! :)

    Here's the situation: I have a 1px wide top and bottom border on my ul. Each menu item is a different color. What I am trying to do is make a bottom-border on the selected item that is the same color as the button. It's working fine in firefox--but not at all in ie. I can't get the anchor's border to overlap the ul's border. Does that make sense.

    I poseted an exampe here. If you click on the community link (it's the only one that works) you will see the effect in firefox. The style sheet that controls the navigation is here.

    Please, some kind soul, rescue this very tired designer!

    Thanks!
    • CommentAuthordeaghean
    • CommentTimeJul 29th 2006
     permalink
    Try adding position:relative. IE:

    body#community a#communitylink {
    position: relative;
    }
    •  
      CommentAuthorjinnyruth
    • CommentTimeJul 29th 2006
     permalink
    It worked!!!

    Bless you again and again!
    • CommentAuthorPettyRider
    • CommentTimeJul 29th 2006
     permalink
    You can also use a single-pixel image as a bottom-aligned background image, rather than using the border attribute.
Add your comments
    Username Password
  • Format comments as (Help)