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?
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.
0
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
0
sa3qAuthor Commented:
you can  see  the dropdown menu in this site http://www.jozefantony.com/tst/
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

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.

0
sa3qAuthor Commented:
ok  can  you provide me with javascript code
0
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.
0

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.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.