As usual, the site looks great in FF, Safari and IE7 and higher. But the menus are not placed correctly in IE6 or IE5. Is the a CSS fix for this out there somewhere?
http://www.centroproperties.com
Code:
}
#nav {
margin: 0px;
padding: 0px;
float: left;
}
#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li {
float: left;
list-style: none;
margin: 0px 20px 0px 0px;
padding: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #999999;
display: block;
font-size: 10px;
text-transform: lowercase;
margin: 0px 0px 0px 0px;
padding: 8px 20px 10px 15px;
}
#nav li a:hover, #nav li a:active {
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 8px 20px 10px 15px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
opacity: .90;
filter: alpha(opacity=90);
background: #000000;
width: 130px;
color: #CCCCCC;
text-transform: lowercase;
float: left;
margin: 0px 10px 0px 0px;
padding: 7px 5px 7px 5px;
border-top: 1px solid #373737;
border-bottom: 1px solid #373737;
border-left: 1px solid #373737;
border-right: 1px solid #373737;
}
#nav li li a:hover, #nav li li a:active {
background: #373737;
color: #FFFFFF;
padding: 7px 5px 7px 5px;
}
#nav li ul {
z-index: 999;
position: absolute;
left: -9999em;
width: 130px;
margin: 60px 35px 0px 0px;
padding: 0px;
}
#nav li li {
}
#nav li ul a {
width: 130px;
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
z-index: 1000;
position: absolute;
left: 1000em;
width: 130px;
margin: -40px 0 0 160px;
padding: 0px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -100em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}