My New code is:
<style>
<!--
.wrap1{
position:relative;
}
.wrap2{
position:absolute;
}
#dropmenu0, #dropmenu1{
z-index:100;
}
-->
</style>
<?
$query7 = "SELECT id,name FROM thw_profiles";
$result7 = mysql_db_query($db,$query7,$connect);
while(list($pid,$pname)=mysql_fetch_row($result7))
{
$new_text = preg_replace("/$pname/","
<script language=\"JavaScript1.2\">
var menu1=new Array()
menu1[0]='<a href=?pageview=profile&playerid=$pid >Player Profile</a><br>'
menu1[1]='<a href=?pageview=Player+Stats&playerid=$pid>Stats</a><br>'
menu1[2]='<a href=/Gallery>Photos</a><br>'
</script>
<script language=\"JavaScript1.2\">
var zindex=100
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
var opr=navigator.userAgent.indexOf(\"Opera\")
function dropit(e,whichone){
curmenuID=ns6? document.getElementById(whichone).id : eval(whichone).id
if (window.themenu&&themenu.id!=curmenuID)
themenuStyle.visibility=ns4?\"hide\" : \"hidden\"
themenu=ns6? document.getElementById(whichone): eval(whichone)
themenuStyle=(ns6||ie4)? themenu.style : themenu
themenuoffsetX=(ie4&&opr==-1)? document.body.scrollLeft : 0
themenuoffsetY=(ie4&&opr==-1)? document.body.scrollTop : 0
themenuStyle.left=ns6||ns4? e.pageX-e.layerX : themenuoffsetX+event.clientX-event.offsetX
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19 : themenuoffsetY+event.clientY-event.offsetY+18
hiddenconst=(ns6||ie4)? \"hidden\" : \"hide\"
if (themenuStyle.visibility==hiddenconst){
themenuStyle.visibility=(ns6||ie4)? \"visible\" : \"show\"
themenuStyle.zIndex=zindex++
}
else
hidemenu()
return false
}
function hidemenu(){
if ((ie4||ns6)&&window.themenu)
themenuStyle.visibility=\"hidden\"
else if (ns4)
themenu.visibility=\"hide\"
}
if (ie4||ns6)
document.onclick=hidemenu
</script>
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick=\"dropit(event, 'dropmenu0');event.cancelBubble=true;return false\">
<a href=\"?pageview=profile&playerid=$pid\" onClick=\"if(ns4) return dropit(event, 'document.dropmenu0')\">$pname</a></b></font>
</span></div></layer></ilayer> ",$new_text);
}
?>
<?
echo "$new_text";
?>
</div>
<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu
}
</script>
<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu
}
</script>
</body>
</html>
It also displays the same Players name in each menu so it must be someting to do with it only making one menu each time :?