Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    Louisville, KY
    Posts
    279
    Thanks
    0
    Thanked 0 Times in 0 Posts

    extra margin/padding below li:over in ie?

    Check the menu on this page in IE: Amber's web site. Roll over "About Me" to see the problem.

    I adapted the Suckerfish dropdowns by Patrick Griffiths and Dan Webb. Only the "About Me" link currently has a submenu. Works great in Firefox (as usual), but in IE, however, the display:block on the main links (#menu a) causes the links to shift down for some reason.

    Some relevant css:

    Code:
    #menu {
            width:250px;
            height:100%;
            background-color:#FFC5C5;
            text-align:right;
            border-style:solid;
            border-color:#FFFFFF;
            border-width:0px;
            border-top-width:2px;
            }
    #menu ul {
            list-style:none;
            }
    #menu li {
            position:relative;
            }
    #menu a {
            color:#FFFFFF;
            font-size:130%;
            height:50px;
            background-repeat:no-repeat;
            border-style:solid;
            border-color:#FFFFFF;
            border-width:0px;
            border-bottom-width:2px;
            display:block;
            }
    #menu #submenu {
            position:absolute;
            left:250px;
            top:0px;
            display:none;
            }
    #menu li:hover #submenu, #menu li.over #submenu {
            display:block;
            }
    #submenu li {
            list-style:none;
            }
    #menu #submenu a {
            width:200px;
            background-color:#FFC5C5;
            text-decoration:none;
            font-style:italic;
            border-left-width:2px;
            padding-left:10px;
            padding-right:10px;
            }
    #menu #submenu a:hover {
            background-color:#FFABAB;
            }
    Shouldn't the fact the submenu is absolutely positioned keep this from happening?

  • #2
    Regular Coder Masterslave's Avatar
    Join Date
    Dec 2005
    Posts
    287
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I get this error:
    Code:
    Error: Error in parsing value for property 'clear'.  Declaration dropped.
    Source File: http://www.chrisandabby.com/amberfaith/includes/style.css
    Line: 248
    Maybe you should check that.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add this to your CSS
    Code:
    * html #menu li {
    height:1px;
    }
    Just another bug in IE thats all.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    Louisville, KY
    Posts
    279
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It works! Thanks so much.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •