kk in my website i have made a friends feature and it is generated by php. but the problem i haveing is html. it works fine in firefox and safari but not in IE. anyway this is my code
<ul id="menu">
<li><a href="game.php?do=friends">Friends</a>
<ul>
<li><a href="game.php?do=userinfo&id=17">coppinger2</a></li><li><a href="game.php?do=userinfo&id=1">James</a></li><li><a href="game.php?do=userinfo&id=18">Raisin</a></li><li><a href="game.php?do=userinfo&id=30">dan12</a></li> <li><a href="game.php?do=findfriends">Find friends...</a></li>
</ul>
and this is my css
ul {font-family: Arial, Verdana; font-size: 14px; margin: 0; padding: 0; list-style: none;}
ul li {display: block; position: relative; float: left;}
li ul {display: none; }
ul li a {display: block; text-decoration: none; color: #ffffff; border-top: 0px; padding: 1px 15px 1px 15px; background-color: #1D1D1D; white-space: nowrap;}
ul li a:hover { background-color: #333333; }
li:hover ul {display: block; position: absolute;}
li:hover li {float: none; font-size: 11px;}
li:hover a { background-color: #333333; }
li:hover li a:hover { background-color: #222222; }
the outcome is a drop down menu that displays friends, and when you hang your mouse over the friends tabs the list pops up and u can drag your mouse down onto the links, which works fine in firefox and safari like i said but in IE it acts weird (it's always IE). in IE the menu drops down when i put my mouse over it but when i try to drag it down on to the links the drop down disappears as soon as i take my mouse off the friends tab at the top. hope that was clear enough. any help would be appreciated, thanks.
