A menu I am using for a WordPress site is sticking; the drop downs do not disappear when you roll off the menu. This is only occurring in IE.

 

I'm wondering if anyone else has experienced a similar issue and has a fix?

 

The code I am using is as follows:

 

PHP:

 

<?php wp_list_pages('title_li=&exclude=3,4,6' ); ?>

 

CSS:

 

#nav, #nav ul{

width: 960px;

margin: 0 auto 0 auto;

padding: 0;

height:32px;

list-style: none;

}

#nav a {

display:block;

margin: 0;

text-decoration:none;

padding:10px;

color:#fff;

text-transform:uppercase;

line-height:13px;

font-size:20px;

border-right:1px solid #000;

font-family: 'Crushed', Verdana, arial, serif;

text-transform:uppercase;

}

#nav li {

float: left;

}

#nav li a:hover {

color:#fff;

background-color: #000;

}

#nav li ul {

position: absolute;

width: 15em;

left: -999em;

padding-top:0px;

border-bottom:0;

}

#nav ul {

border-bottom:1px solid #000;

}

#nav li:hover ul, #nav li.sfhover ul {

left: auto;

z-index:1000;

border-bottom:0;

}

#nav li ul li {

background-color:#222222;

border-bottom:1px solid #000;

border-left:1px solid #000;

line-height:13px;

width:310px;

margin:0;

}

have you got a link?

Site link would be helpful

not much to go on there! double check that your UL/LI's are closed properly. Firefox and Chrome will allow them not to be closed and still function which is wrong and allows for sloppy code and then IE gets the blame.

have you got a link?

 

Same issue occurring on http://www.healthtecsw.org.uk/ and http://retroedgewebdesign.com/focus-training.

Ok I've seen this one before in wordpress

 

#nav li ul{left:-999em;}

 

change to

 

#nav li ul{left:-999%;}

 

using percent seems to fix it

Ok I've seen this one before in wordpress

 

#nav li ul{left:-999em;}

 

change to

 

#nav li ul{left:-999%;}

 

using percent seems to fix it

 

This worked a treat, thank you