dropdown menu disappears before I can reach the menu item I want in I.E 7?

hi,
how can i solve this problem

i think this in css but how to fix it
LVL 1
sa3qAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

scrathcyboyCommented:
give more info -- the CSS code, the site, or an example page.  No one can help you with no information.
sa3qAuthor Commented:
ok  this is  the HTML CODE


and attache th css file
 style.css


<ul class="nav1">
            <li class="current_page_item"><a href="http://www.jozefantony.com/tst/">Home</a></li>
            <li class="page_item page-item-2"><a href="http://www.jozefantony.com/tst/about/" title="About">About</a></li>
<li class="page_item page-item-3"><a href="http://www.jozefantony.com/tst/page-1/" title="Page 1">Page 1</a></li>
<li class="page_item page-item-8"><a href="http://www.jozefantony.com/tst/page-3/" title="Page 2">Page 2</a>
<ul>
	<li class="page_item page-item-20"><a href="http://www.jozefantony.com/tst/page-3/page-21/" title="Page 21">Page 21</a></li>
	<li class="page_item page-item-22"><a href="http://www.jozefantony.com/tst/page-3/page-22/" title="Page 22">Page 22</a></li>
	<li class="page_item page-item-24"><a href="http://www.jozefantony.com/tst/page-3/page-23/" title="Page 23">Page 23</a></li>
</ul>
</li>
        </ul>
	    <!--/nav1-->

Open in new window

style.txt
sa3qAuthor Commented:
you can  see  the dropdown menu in this site http://www.jozefantony.com/tst/
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

dbsgCommented:
This typically happens when margins are offset - so the actual "hotspot" and menu are slightly dis-joined.  I'd have to see your css styling, but IE does funny things with li elements margins and padding.

Another way around this is to use javascript to delay the disappearance of the menu. If you set it to about 250 ms, this is usually enough time for it to stick around long enough for the mouse pointer to activate the menu.

sa3qAuthor Commented:
ok  can  you provide me with javascript code
osiris00Commented:
checked the css file

If you locate this paragraph in css file
/* IE7 Fix */

.nav1 li:hover, .nav1 li.hover {  
      position: static;
}

change postion: static; to position: relative;

so this is what it should look like:
/* IE7 Fix */

.nav1 li:hover, .nav1 li.hover {  
      position: relative;
}

Let me know how you go.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.