Hi Isaac,

Thank you for posting in the community.

You should be able to set a shadow of WebDataMenu's submenus using the .igdm_MenuScrollContainerVertical (or respectively    .igdm_MenuScrollContainerHorizontal )  CSS class in the ig_datamenu.css file. Please note that different browsers require different CSS definitions for shadow effects.

Here is some sample code:

.igdm_MenuScrollContainerVertical
{
 background-color:White;
 border:solid 1px #CCCCCC;
 color:Black;
    
  -moz-box-shadow:   6px 6px 5px 4px #ccc;
  -webkit-box-shadow:  6px 6px 5px 4px #ccc;
  box-shadow:          6px 6px 5px 4px #ccc;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
}

A useful reference for setting up shadow effects using CSS can be found at:

http://css-tricks.com/snippets/css/css-box-shadow/

You may find additioanl useful information regarding how the filter attribute works (that's for IE8 and lower) at:

http://msdn.microsoft.com/en-us/library/ms533754%28v=vs.85%29.aspx

Please let me know if this helps.

http://www.ge.tt/#!/9NyIkiC/v/0

 Its runs ok with Ie 9 and 8, but doesnt work with ie6. I tried modifying the classes in ig_datamenu.css for ie6 but no luck.

Heres is the problem: There are 3 items in menu and first and thrid has the submenyu. When you hover on thrid for first time it shown 2 list items but when you hover on second and then hover on third, it doesn;t display the 2 list items.

Please let me know if you need more info on this. Thank you.

IsaacG