Title: Drop Down Menu Problem
Last modified: August 19, 2016

---

# Drop Down Menu Problem

 *  [melibeth2001](https://wordpress.org/support/users/melibeth2001/)
 * (@melibeth2001)
 * [17 years, 3 months ago](https://wordpress.org/support/topic/drop-down-menu-problem/)
 * Hi all,
 * I’ve added a drop down menu in my WordPress MU site. It works beautifully in 
   Firefox and Safari…but of course IE is screwing with it. Here’s the code for 
   the menu. The page is [http://www.wouldjesusdiscriminate.com](http://www.wouldjesusdiscriminate.com)–
   view in IE 7 to see the problem.
 * I have messed with positions, z-index on all css – including that surrounding
   this menu. I’ve even modified the javascript (below is original and in use) and
   can’t for the life of me fix it.
 * Thanks!
    -Mel
 * Within my head tags…
 * <script type=’text/javascript’>
    jQuery(document).ready(function() { jQuery(“#
   dropmenu ul”).css({display: “none”}); // Opera Fix jQuery(“#dropmenu li”).hover(
   function(){ jQuery(this).find(‘ul:first’).css({visibility: “visible”,display:“
   none”}).show(268); },function(){ jQuery(this).find(‘ul:first’).css({visibility:“
   visible”}); }); }); </script>
 * <style type=”text/css”>
    #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-
   type:none; list-style-position:outside; position:relative; line-height:2.5em;
   z-index:300; width:100%; font-weight:bold;} #dropmenu a {display:block; padding:
   0.25em 1em; color:#000; border-right:0px solid #000; text-decoration:none; background:
   transparent; font-size: 1.3em;} #dropmenu a:hover {background:#000; color:#fff;}#
   dropmenu li {float:left; position:relative;} #dropmenu ul {position:absolute;
   display:none; width:12em; top:2.9em; left:-1px; background: #fff;} #dropmenu 
   ul a {border-left:0px solid #c8c8c8; } #dropmenu li ul {border-top:0px solid #
   c8c8c8; width:18em;} #dropmenu li ul a {width:12em; height:auto; float:left; 
   border-bottom:0px solid #c8c8c8;} #dropmenu ul ul {top:auto;} #dropmenu li ul
   ul {left:12em; margin:0px 0 0 10px;} #dropmenu li:hover ul ul, #dropmenu li:hover
   ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul,#
   dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover
   ul {display:block;} </style>
 * Within the body tags…
 *  <!– BEGIN navigation –>
    <ul id=”dropmenu”> <?php wp_list_pages(‘sort_column
   =menu_order&title_li=’); ?>
 *  <!– END navigation –>

The topic ‘Drop Down Menu Problem’ is closed to new replies.

## Tags

 * [drop-down](https://wordpress.org/support/topic-tag/drop-down/)
 * [ie](https://wordpress.org/support/topic-tag/ie/)
 * [Internet Explorer](https://wordpress.org/support/topic-tag/internet-explorer/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 0 replies
 * 1 participant
 * Last reply from: [melibeth2001](https://wordpress.org/support/users/melibeth2001/)
 * Last activity: [17 years, 3 months ago](https://wordpress.org/support/topic/drop-down-menu-problem/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics