Title: markjbennettlp's Replies | WordPress.org

---

# markjbennettlp

  [  ](https://wordpress.org/support/users/markjbennettlp/)

 *   [Profile](https://wordpress.org/support/users/markjbennettlp/)
 *   [Topics Started](https://wordpress.org/support/users/markjbennettlp/topics/)
 *   [Replies Created](https://wordpress.org/support/users/markjbennettlp/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/markjbennettlp/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/markjbennettlp/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/markjbennettlp/engagements/)
 *   [Favorites](https://wordpress.org/support/users/markjbennettlp/favorites/)

 Search replies:

## Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)

 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [CSS Dropdown menus and IE…urgent help.](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/)
 *  Thread Starter [markjbennettlp](https://wordpress.org/support/users/markjbennettlp/)
 * (@markjbennettlp)
 * [18 years, 5 months ago](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/#post-661843)
 * 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!
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [CSS Dropdown menus and IE…urgent help.](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/)
 *  Thread Starter [markjbennettlp](https://wordpress.org/support/users/markjbennettlp/)
 * (@markjbennettlp)
 * [18 years, 5 months ago](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/#post-661831)
 * Thanks, I gave it a try but it didn’t work.
    At least it’s isolated to this. 
   I don’t think it will be too hard to cook up an IE only bit of code from what’s
   out there. I’m just searching around now, but if anyone else has anything they
   think might work, please do post.
 * Thanks
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [CSS Dropdown menus and IE…urgent help.](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/)
 *  Thread Starter [markjbennettlp](https://wordpress.org/support/users/markjbennettlp/)
 * (@markjbennettlp)
 * [18 years, 5 months ago](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/#post-661829)
 * 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.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [CSS Dropdown menus and IE…urgent help.](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/)
 *  Thread Starter [markjbennettlp](https://wordpress.org/support/users/markjbennettlp/)
 * (@markjbennettlp)
 * [18 years, 5 months ago](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/#post-661823)
 * Problem #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!)
 * was solved by using a % value instead of an em value in my css.
 * ————————————-
 *     ```
       /* This code below is for the drop menu section text */
       #nav li ul {
   
                   position: absolute;
                   left:-1000%;
       			height: auto;
                   width: 2em;
                   font-weight: normal;
   
                   margin: 25px;  /* This one affects the vertical space it moves down from the parent link */
       			list-style: none;
       }
       ```
   
 * —————————-
 * Details found at [http://css-class.com/test/bugs/ie/recalculatedoffsetbug.htm](http://css-class.com/test/bugs/ie/recalculatedoffsetbug.htm)
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [CSS Dropdown menus and IE…urgent help.](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/)
 *  Thread Starter [markjbennettlp](https://wordpress.org/support/users/markjbennettlp/)
 * (@markjbennettlp)
 * [18 years, 5 months ago](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/#post-661816)
 * 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>
       ```
   
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [CSS Dropdown menus and IE…urgent help.](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/)
 *  Thread Starter [markjbennettlp](https://wordpress.org/support/users/markjbennettlp/)
 * (@markjbennettlp)
 * [18 years, 5 months ago](https://wordpress.org/support/topic/css-dropdown-menus-and-ieurgent-help/#post-661796)
 * My apologies for the code not reading well.

Viewing 6 replies - 1 through 6 (of 6 total)