Ayuda menu desplegable!! - Java y Javascript

Ayuda menu desplegable!!

hola tengo un problema. he copiado un codigo para hacer un menu desplegable pero resulta q emerge hacia abajo y m gustaria q emergiera hacia la izquierda, ademas de una solucion para quitar el borde azul de hipervinculo que trae puesto. necesito ayuda pk de javascript se lo justo pa pasar la tarde. para kien me pueda ayudar pongo aki el codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Actividades</title>

<style type="text/css">

#dropmenudiv
{
position: absolute;
border:0px solid black;
font:normal 12px Arial;
line-height:20px;
z-index: 50%;
}

#dropmenudiv a
{ /*Este es el menú cuando aparece*/
border: 1px solid #ffffff;
width: 215px; height:30px;
display: block;
text-indent: 10px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 0px;
color-margin: #E6E600;
border-color: #ffffff;
}

#dropmenudiv a:hover
{ /*color de las opciones cuando el usuario está sobre la opción*/
background-color: #ffffff;
color:#99CC00;
border-color: #ffffff;
}
</style>

<script type="text/javascript">

//Contents for menu 1

var menu1=new Array()
menu1[0]='<a href="aerobic.htm">Aerobic/Batuka</a>'
menu1[1]='<a href="salon.htm">Bailes de salón</a>'
menu1[2]='<a href="latinos.htm">Bailes latinos</a>'
menu1[3]='<a href="vientre.htm">Danza del vientre</a>'
menu1[4]='<a href="clasica.htm">Danza clásica</a>'
menu1[5]='<a href="contemporanea.htm">Danza contemporánea</a>'
menu1[6]='<a href="funky.htm">Funky hip-hop</a>'
menu1[7]='<a href="mantenimiento.htm">Gimnasia de mantenimiento</a>'
menu1[8]='<a href="pilates.htm">Pilates</a>'
menu1[9]='<a href="taichi.htm">Tai chi</a>'
menu1[10]='<a href="teatro.htm">Teatro</a>'
menu1[11]='<a href="yoga.htm">Yoga</a>'

var menuwidth='65px' //default menu width

var menubgcolor='#000000' //menu bgcolor

var disappeardelay=50 //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ie4||ns6)

document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left" Giño

? what.offsetLeft : what.offsetTop;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left" Giño

? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}

function showhide(obj, e, visible, hidden, menuwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top=-500

if (menuwidth!="" Giño

{

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=menuwidth

}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover" Giño

obj.visibility=visible

else if (e.type=="click" Giño

obj.visibility=hidden

}

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat" Giño

? document.documentElement : document.body

}

function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge" Giño

{

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

}

return edgeoffset

}

function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("" Giño

}

function dropdownmenu(obj, e, menucontents, menuwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv" Giño

: dropmenudiv

populatemenu(menucontents)

if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left" Giño

dropmenuobj.y=getposOffset(obj, "top" Giño

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge" Giño

+"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge" Giño

+obj.offsetHeight+"px"

}

return clickreturnvalue()

}

function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}

function hidemenu(e){

if (typeof dropmenuobj!="undefined" Giño

{

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}

function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}

function clearhidemenu(){

if (typeof delayhide!="undefined" Giño

clearTimeout(delayhide)

}

if (hidemenu_onclick=="yes" Giño

document.onclick=hidemenu

</script>

</head>

<body>

<p><a href="actividades.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '215px')" onMouseout="delayhidemenu()"><img src="../images/web/buttons/boton_activ1.png" alt="Actividades" width="261" height="30" /></a></p>
</body>
</html>

muchas gracias de antemano.

SoRonTo