CSS fix for hover in menu in IE6

[kendra69]

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:

• Home
• About
• Classes
  • Carolyn
  • Ashley
  • Julie
  • Tracy
• Photos
• Forms
  • Handbook
  • Photo Consent Form
  • Late Policy
  • Certificate of Child Health Examination
  • Application/Record of Child Information
  • Consents to Daycare Providers
• Tuition
• Lunch Menu
• Parent Resources
  • Birthday in a Box
  • Oriental Trading – Halloween
  • Walmart
  • Parenting 24/7
  • Stain Solutions
  • Dealing with Toddlers
  • Family Works
  • Helping Kids Succeed in School
  • Dealing with Clutter
• Unit 7
• Contact Us

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

[Author]

Posts