ITPeterBlackTT
New Member
I have a little problem with the slide effect on IE7.I have a nested list with the following code\[code\] <div class="left_panel_body"> <ul class="side_panel_list" style="margin-top:53px"> <li id="click"><a>PQR</a></li> <div id="dropdown" style="display:none;"> <ul style="list-style:none"> <li><a href="http://stackoverflow.com/questions/13834303/#" style="padding-left:20px">xyz</a></li> <li><a href="http://stackoverflow.com/questions/13834303/#" style="padding-left:20px">xyz</a></li> <li><a href="http://stackoverflow.com/questions/13834303/#" style="padding-left:20px">xyz</a></li> </ul> </div> <li><a href="http://stackoverflow.com/questions/13834303/#">abc</a></li> <li><a href="http://stackoverflow.com/questions/13834303/#">abc</a></li> <li><a href="http://stackoverflow.com/questions/13834303/#">abc</a></li> </ul> </div>\[/code\]there's not much Css applied needless to say #click initiates the slide onclick and #dropdown is the element that slides down and back up on another click... if looks great in all browsersbut in IE7 the li's dont slide down to make space for #dropdown while #dropdown ends up behind the li's below...