squiblo Posted July 28, 2009 Share Posted July 28, 2009 Drop down menu works in all browsers but not Internet Explorer: <div id="apps" style="position:absolute;left:754px;top:169px;z-index:14" align="center"> <style> ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display:block} ul.cssMenu ul{position: absolute;left:-1px;top:98%;} ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.cssMenu,ul.cssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#ffffff; background-repeat:repeat; border-color:#AAAAAA; border-width:1px; border-style:solid; } ul.cssMenu table {border-collapse:collapse}ul.cssMenu { display:block; zoom:1; float: left; } ul.cssMenu ul{ width:64.05px; } ul.cssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.cssMenu a:active, ul.cssMenu a:focus { outline-style:none; } ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#ffffff; border-width:0px; border-color:#6655ff; border-style:solid; text-align:left; text-decoration:none; padding:4px; _padding-left:0; font:normal 11px Verdana; color: #444444; text-decoration:none; cursor:default; } ul.cssMenu span{ overflow:hidden; } ul.cssMenu li { float:left; } ul.cssMenu ul li { float:none; } ul.cssMenu ul a { text-align:left; white-space:nowrap; } ul.cssMenu li.sep{ text-align:center; padding:0px; line-height:0; height:100%; } ul.cssMenu li.sep span{ float:none; padding-right:0; width:5; height:16; display:inline-block; background-color:#AAAAAA; background-image:none;} ul.cssMenu ul li.sep span{ width:80%; height:3; } ul.cssMenu li:hover{ position:relative; } ul.cssMenu li:hover>a{ background-color:#4792E6; border-color:#665500; border-style:solid; font:normal 11px Verdana; color: #ffffff; text-decoration:none; } ul.cssMenu li a:hover{ position:relative; background-color:#4792E6; border-color:#665500; border-style:solid; font:normal 11px Verdana; color: #ffffff; text-decoration:none; } ul.cssMenu li.dis a { color: #AAAAAA !important; } ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px; height:16px; } ul.cssMenu ul img {width:16px; height:16px; } ul.cssMenu img.over{display:none} ul.cssMenu li.dis a:hover img.over{display:none !important} ul.cssMenu li.dis a:hover img.def {display:inline !important} ul.cssMenu li:hover > a img.def {display:none} ul.cssMenu li:hover > a img.over {display:inline} ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline} ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none} ul.cssMenu a:hover ul{display:block} ul.cssMenu span{ display:block; background-image:url(http://squiblo.com/Images/arrv_anim_1.gif); background-position:right center; background-repeat: no-repeat; padding-right:11px;} ul.cssMenu li:hover>a>span{ background-image:url(http://squiblo.com/Images/arrv_anim_1o.gif); } ul.cssMenu a:hover span{ _background-image:url(http://squiblo.com/Images/arrv_anim_1o.gif)} ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(http://squiblo.com/Images/arr_double_1.gif)} ul.cssMenu ul li:hover > a span{ background-image:url(http://squiblo.com/Images/arrv_anim_1o.gif);} ul.cssMenu table a:hover span{background-image:url(http://squiblo.com/Images/arrv_anim_1o.gif)} </style> <ul class="cssMenu cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Accessories</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class=" cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="http://google.com">Music</a></li> <li class=" cssMenui"><a class=" cssMenui" href="http://google.com">Chat</a></li> <li class=" cssMenui"><a class=" cssMenui" href="/games.php">Games</a></li> <li class=" cssMenui"><a class=" cssMenui" href="http://google.com">Radio</a></li> <li class=" cssMenui"><a class=" cssMenui" href="/applications.php">Other</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> </ul> doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Link to comment https://forums.phpfreaks.com/topic/167710-solved-does-not-work-in-ie/ Share on other sites More sharing options...
squiblo Posted July 28, 2009 Author Share Posted July 28, 2009 i fixed it by changing the doctype to strict Link to comment https://forums.phpfreaks.com/topic/167710-solved-does-not-work-in-ie/#findComment-884460 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.