Flickering Layer When Using UL and Links...

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I have a bit of a strange issue with a CSS styled unordered list
(contained within a <div>).

The layer is acting as a drop down when triggered by a JS onmouse
event of a link - this works fine.
However the layer has a unordered list containing links - when you
hover over the link, the layer flickers quickly. If you move your
mouse away from the UL area, it is fine, which indicated to me that it
is a <a>/<ul> issue.

My code is below... does anyone have any idea why this is so?


JS Layer Trigger Code

<script language="javascript" type="text/javascript">
function depMenuTog()

CSS For The Layer and List
#depmenulayer ul
    margin: 5px;
    padding: 0;
#depmenulayer ul li
    display: inline;

#depmenulayer li a
    float: left;
    width: 13em;

Layer Code

<div id="depmenulayer" onmouseout="javascript:depMenuTog()"
style="display: none">
for ($i=1;$i<=sizeof($dep_menu_list);$i++)
echo "<li\"><a href=\"#\">".$dep_menu_list[$i]['name']."</a></li>\n";

Re: Flickering Layer When Using UL and Links...

On Wed, 11 Jun 2008 04:21:20 -0700 (PDT), "adam.waterfield@gmail.com"

Quoted text here. Click to load it

I had this same issue years ago.
IIRC, it had to do with the sizing of the block where the links and
images are housed in.
Also double check and make sure that any sublevels are properly

Site Timeline