Here area a couple of other things to try.
IE7 doesn't need the javascript in order to work but it does need the css to be changed a bit.
Code:
#left_nav li ul { /* second-level lists */
position: absolute;
margin-left: -999em;
margin-top : -1.35em;
z-index: 500;
}
#left_nav li ul li a {
width: 16em;
w\idth : 15em;
display : block;
color : #FFF;
font-weight : bold;
text-decoration : none;
background-color: #377d7d;
padding : 4px 0.5em 0 0.5em;
font-weight: normal;
font-size: 1em;
position: relative;
z-index: 500;
}
#left_nav li ul li a:hover {
color : white;
background-color : #720404;
}
#left_nav li:hover ul ul, #left_nav li:hover ul ul ul, #left_nav li.sfhover ul ul, #left_nav li.sfhover ul ul ul {
margin-left: -999em;
}
#left_nav li:hover ul, #left_nav li li:hover ul, #left_nav li li li:hover ul, #left_nav li.sfhover ul, #left_nav li li.sfhover ul, #left_nav li li li.sfhover ul { /* lists nested under hovered list items */
margin-left: 223px;
}
Use margin-left instead of left because it doesn't like it.
Then hide the JS:
Code:
<!--[if lt IE 7]>
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("left_nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<![endif]-->
Also add this fix in the IE file.
Code:
#left_nav a:hover {visibility:visible}
Try all that 
Bookmarks