If you'd like to avoid using javascript, you can do it another way,
though it can be more messy, and may not be worth it over javascript.
in the LI you have set to hover on your site, instead put in
<a href='#' style='display: block; width: 100%; height: 100%;'
id='mouseOverBar'>
<ul style='display: none;'>
<li>blah1</li>
<li>blah2</li>
</ul>
</a>
With proper styling of course, and the hover set to the link. Having
a block item inside of a link, even a link set to display as a block
does throw validation warnings, but none of the current browsers will
have a problem with it. If you'd like to stop these errors you can
use spans in the link, and change their display to block, but, you'd
really only be doing it to make it validate, it wont do anything to
help a users experience.
If any of this doesn't make sense, let me know and I'll try to give
you the code for the site you linked.
On Mar 21, 9:13 am, Harris Kosmidhs
<hkosm...@remove.me.softnet.tuc.grwrote:
bne wrote:
Hi,
My brain's a bit fried on this one.
I'm using the li:hover method to display sub menus athttp://dev.hyl.co.uk/guide4life/.
All works swimmingly in FF, however IE7 loses the hover (and so the
sub menu) when you mouse over items further down the sub menu list.
This only seems to happen when the sub menu is over the text of a
paragraph (try further down the page eg: "Confidentiality" - it
works!?)
Any ideas?
li:hover is not understand by IE. I use javascript for similar things in IE.
This happens in IE6. I haven't tested it in IE7 but for what you are
saying I think it's the same :-(