Problems with Internet Explorer 6 and multilevel menus Topic is solved

[Justinal]

I am having problems with IE6 and expaned menu setting.

I am working on a website for my church. I am very new to programing and to joomla 1.5. I am using the js-education template (red).

The problem I am having is with multilevel drop down menu. I am using the expand menu module. Website looks fine browers, but IE6. Something is working with the third level of menus where alll pop up at once.

http://haysvillechristianchurch.org/

I not sure if there something wrong with a java script in in my Index.php do I need to write something IE6 and before?

This is the templete css
* $4 Header Nav Styles */


#navbar ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}


#navbar li { /* all list items */
float: left;
}

#navbar li ul { /* second-level lists */
position: absolute;
background:#780000;
width:179px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navbar li li {
border-bottom:1px solid #BFB9A7;
}

/*#navbar li:hover {
background:#333;
border-left:1px solid #B5A171;
border-right:1px solid #B5A171;
}*/


#navbar a {
display: block;
height:25px;
width:1%;
padding:8px 14px 0 14px;
color:white;
font:normal 14px "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;
text-align:center;
white-space:nowrap;
}

html>body #navbar a {
display: block;
height:25px;
width:auto;
padding:8px 14px 0 14px;
color:white;
font:normal 14px "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;
text-align:center;
}


#navbar a:hover, #navbar a#active_menu {
background:#333;
border-left:1px solid #B5A171;
border-right:1px solid #B5A171;
padding:8px 13px 0 13px;
text-decoration:none;
}

html>body #navbar a:hover, #navbar a#active_menu {
background:#333;
border:none;
margin:0;
padding:8px 14px 0 14px;
}


#navbar li:hover, #navbar li.mainlevel_current {
background:#333;
border-left:1px solid #B5A171;
border-right:1px solid #B5A171;
margin:0 -1px;
}

#navbar li li a {
display:block;
height:22px;
width:171px;
padding:4px 0 0 8px;
color:white;
font:bold 13px "Trebuchet MS", "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;
text-align:left;
margin:0;
}

#navbar li li a:hover, #navbar li li a#active_menu {
background:#BFB9A7;
color:#333;
border:none;
margin:0;
padding:4px 0 0 8px;
}

#navbar li li:hover {
border:none;
border-bottom:1px solid #BFB9A7;
margin:0;
}
#navbar li li.sublevel_current {
border:none;
border-bottom:1px solid #B5A171;
border-top:1px solid #B5A171;
margin:0;
}

#navbar li ul ul { /* third-and-above-level lists */
margin: -25px 0 0 179px;
}

#navbar ul li:hover li:hover li a:link,#navber ul li.iehover li.iehover li a:link {
float: none;
background:#333;
color:#fff;
border:none;
margin:0;
padding:4px 0 0 8px;
}

#navbar ul li:hover li:hover li a:hover,#navber ul li.iehover li.iehover li a:hover {
background:#BFB9A7;
color:#333;
}

#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.iehover ul ul, #navbar li.iehover ul ul ul {
left: -999em;
}

#navbar li:hover ul, #navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}