markjbennettlp

Solved!
This was put in the ie.css:

#nav li ul a {
            width: 12em;
			margin: 0 0 0 -10em;
}

#nav li ul ul {
/* The below margin is written in CSS Shorthand. The first 0em is for vertical spacing, and the last one is for horiztonal */
            margin: 0em 0 0 2em;
}

—–

And in the header I put in this code telling any Internet Explorer browser to go to this css file and read this particular info vs. the other style.css:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="http://www.myaddresshere.com/ie.css" />
<![endif]-->

——
I made sure to put in the exact address instead of just “ie.css”. Common sense usually, but we get lazy sometimes :p

Anyways, thanks for the help.
I hope this might be helpful to someone else!

Sorry,
it is not resolved.
the drop menus are in the wrong spot (pushed to the right in IE)
If I add the margin to it, it looks fine in IE and lines up, but it also moves over the firefox and safari menu which was already fine (and now is in the wrong spot).

#nav li ul a {
            width: 12em;
	   margin: 0 0 0 -10em;

All I need is the ability to isolate the margin property and make it exclusive to IE only. I found a code to put in the header but it doesn’t work (see below):

<!--[if lte IE 7]>
  <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

———
Above, I copied my css to a file called ie.css and had the margin tag on, but in my regular style.css I had it marked as a comment. so it still doesn’t work.

I’ll just keep posting as I do find solutions since it may be helpful for someone else, or at least speed up the process.

Okay thanks,
I skimmed through it and I’m going to read it carefully. Just to let you know, I do have some JS in my header.php, which is still not working properly.
1) the drop menus are in the wrong spot (pushed to the right in IE)
2) They disappear when I leave the menu completely (which is good) but when I continue my mouse over on another parent menu object, the sub-menu of the last mouse over stays up!

<script language="javascript">

sfHover = function() {
	var sfEls = document.getElementById("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>