Grow your CSS skills. Land your dream job.

CSS fix for hover in menu in IE6

  • # October 25, 2009 at 11:27 pm

    Hello,

    I have a webpage that seems to work in most browsers except IE6. It won’t hover over my menu so you can see the drop downs. Do you know a fix for this?

    http://www.tolonopresbyterian.org

    Thanks!
    Kendra

    the css:

    Code:
    body {
    position:relative;
    margin: auto;
    width:100%;
    height:100%;
    background-color: #986547;
    body text=”#FFFFFF”;
    padding-top: 10px;
    }

    #container
    {
    width: 1000px;
    line-height: 130%;
    }

    #wrap {
    margin: 10px auto;
    width: 1000px;
    }

    #top h1 {
    background-image:url(images1/testlogo4.jpg);
    background-repeat:no-repeat;
    height: 225px;
    clear: both;
    }

    #menu {padding:0 10px;
    margin-top:-22px;
    height: 40px;
    line-height: 40px;
    background: #666666 url(images1/menu.jpg) no-repeat;
    }

    #menu li{
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    font-size: 0px;
    }
    #menu li a{
    background-color:black;
    color:white;
    display:block;
    font-size:15px;
    line-height:40px;
    padding:0 20px;
    text-align:center;
    text-decoration:none;
    width:auto;
    }

    #menu ul {
    padding:0;
    }
    #menu ul li ul li a {
    color:white;
    display:block;
    font-size:15px;
    line-height:40px;
    padding-right:40px;
    text-align:left;
    text-decoration:none;
    width:8em;
    }

    #menu li a:hover{
    background-color: #800000;
    }

    #menu ul ul {
    margin: 0; padding: 10;
    top: 40px;
    position: absolute;
    visibility: hidden;
    }

    #menu ul li.forms ul li a {width: 240px;}
    #menu ul li.parent resources ul li a {width: 240px;}

    #menu ul li:hover ul{
    visibility:visible;
    }

    #content {
    background: #666666 url(images1/content.jpg) repeat-y;
    color: #800000;
    padding: 50px;
    }

    #h1 {
    color: #800000;
    font-size:10px;
    padding: 50px;
    }

    #bottom {
    background: black url(images1/bottom.jpg) no-repeat;
    padding: 20px 0;
    }

    #footer {
    clear: both;
    margin: 0;
    padding: .5em;
    color: #333;
    background-color: #ddd;
    border-top: 1px solid gray;}

    .clear {
    clear:both;
    }

    the html:

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Hand-in-Hand is celebrating 17 years!

    Opening the doors to our daycare has been a blessing for the community and church. Thank you to all the church supporters and
    Daycare Board Members that have given us the opportunity to serve many families in Tolono and surrounding areas. A HUGE thanks
    goes to Tracy Wilson who makes sure that the daycare runs smoothly and who has been such a blessing as Director. We also cannot
    forget to thank all of the past and present teachers, aides, cooks, and cleaning crew!

    Hand-in-Hand Schedule

    Halloween Parties will be October 30 and 31. Please see your child’s teacher page for which date it will be.

    Unity West Schedule

    October 22, 2009 – Parent-Teacher Conferences 3:00-9:00 pm. – 1st. Quarter Report Cards sent home
    October 23, 2009 – No School
    October 30, 2009 – Halloween Parade at 1:45 p.m. with classroom parties to follow

    Designed and Hosted by KVR Company

    © All rights reserved. KVR Company 2009



Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

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