IE7 Horizontal Menu Sub Under Menu
I have this site: www.reliance-trust.com/ and when you view it in IE7 the menu does not move down. It expands, but it expands right under the menu itself. I need help with this. I can not find the answer. Here is the css:
ul#cssmw ul.level-1 {
left: 0px;
top: 100%;
}
ul#cssmw ul.level-1 > li {
background-image: none;
}
ul#cssmw ul.level-1 > li > a {
background-color: #ffffff;
background-position: 95% 50%;
background-repeat: no-repeat;
border-style: none;
color: #97999c;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 18px;
line-height: 20px;
margin: 0 0 0 0;
padding: 1px 1px 1px 10px;
text-decoration: none;
width: 175px;
}
ul#cssmw ul.level-1 > li:hover > a {
background-color: #ffffff;
border-style: none;
color: #004282;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
ul#cssmw ul.level-1 > li.hover > a {
background-color: #ffffff;
border-style: none;
color: #004282;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
ul#cssmw ul.level-1 > li.current > a.current {
background-color: #ffffff;
border-style: none;
color: #004282;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}