This problem is a bit ridiculous...
I am programming in .NET and using the AjaxControlToolkit. I am creating a hovermenuextender dynamically and in the menu there is an UL. When there is no hoverDelay on the menu, the bullets on the UL come up fine; if there is a hoverDelay on the menu, then bullets are hidden until the user moves the mouse.
Though there are several ways I can solve this by hacking it, I would like to know if anyone can tell me why I have to move my mouse for the bullets to show up correctly.
Here is the rendered HTML for the panel that will show up when I mouseover:
<DIV style="Z-INDEX: 1000; POSITION: absolute; DISPLAY: none; VISIBILITY:hidden; TOP: 47px; LEFT: 0px" id=ctl01_HeaderMenu_Panel0>
<TABLE style="BACKGROUND-COLOR: #00539c" border=0 cellSpacing=0
cellPadding=0>
<TBODY>
<TR>
<TD>
<DIV class=menuLabelActive>Home</DIV></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-BOTTOM: #ed174c 2px solid; BORDER-LEFT: #ed174c 2px solid; BACKGROUND-COLOR: white; MARGIN-LEFT: -2px; BORDER-TOP: medium none; BORDER-RIGHT: #ed174c 2px solid" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<DIV style="WIDTH: 200px; PADDING-TOP: 5px">
<DIV style="WIDTH: 200px; FLOAT: left">
<UL style="LIST-STYLE-TYPE: circle; MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; COLOR: #00539c">
<LI class=menulink><A style="TEXT-ALIGN: left; MARGIN: 5px; WIDTH: 100%; FONT: 0.8em Arial; COLOR: #00539c" href="aplace">News and Alerts</A></LI>
</UL></DIV></DIV></TD></TR></TBODY></TABLE></DIV>
And styles:
.menulink:hover {background-color:#E9E9FF;}
.menuLabelActive {padding: 0px 20px; float:left; line-height:25px; font-weight:bold; font-family:Arial; color:#00539C; text-align:center; background-color:White; font-size: .8em;cursor:default;}
Not my design, so save your breath. :)
Thanks!