Açılır menü de sorun

Net te bulmuş olduğum kodlarla siteme açılır menü ekledim ;ama o menü alta doğru açılıyor.Ben onun sağa doğru açılmasını istiyorum hangi kodu neresini nasıl değiştirmem gerekir.Bilen arkadaşlar lütfen yardımıcı olursalar çok sevinirim..

Hocam siz sorduğunuz soruya cevap verebilir misiniz. Ortada ne kod var ne çalışmanın kendisi kim size nasıl cevap versin!

Haklısınız...

script kodu

<!-- Aççılır Menü -->

<script type="text/javascript">

var TimeOut = 300;
var currentLayer = null;
var currentitem = null;
var currentLayerNum = 0;
var noClose = 0;
var closeTimer = null;

function mopen(n) {
var l = document.getElementById("menu"+n);
var mm = document.getElementById("mmenu"+n);

if(l) {
mcancelclosetime();
l.style.visibility='visible';
if(currentLayer && (currentLayerNum != n))
currentLayer.style.visibility='hidden';
currentLayer = l;
currentitem = mm;
currentLayerNum = n;
} else if(currentLayer) {
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentitem = null;
currentLayer = null;
}
}

function mclosetime() {
closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
if(closeTimer) {
window.clearTimeout(closeTimer);
closeTimer = null;
}
}

function mclose() {
if(currentLayer && noClose!=1) {
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentLayer = null;
currentitem = null;
} else {
noClose = 0;
}
currentLayer = null;
currentitem = null;
}

document.onclick = mclose;
</script>

<style>
#dd {
margin-left: 25%;
padding: 0 0 20px 0;
}

#dd li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;
}

#dd li a.menu {
display: block;
text-align: center;
background: #5970B2;
padding: 4px 10px;
margin: 0 1px 0 0;
color: #FFF;
width: 60px;
text-decoration: none;
}

#dd li a.menu:hover {
background: #49A3FF;
}

.submenu {
background: #F79415; // link in arka plan rengi normal açıkken
border: 1px solid #000000;
visibility: hidden;
position: absolute;
z-index: 2;
}

.submenu a {
display: block;
font: 11px arial;
text-align: left;
text-decoration: none;
padding: 5px;
color: #2875DE; // Linkteki yazı rengi
}

.submenu a:hover {
background: #49A3FF; // Açılan linkteki arka plan rengi fare ile üzerine gelince
color: #FFF;
}
</style>

<!-- Açılır Menü Sonu -->







<th height="25"><div align="left">

<a href="#" class="menuitem" id="mmenu2"
onmouseover="mopen(2);"
onmouseout="mclosetime();">Personel</a>
<div class="submenu" id="menu2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime();">
<a href="ceylan/personel/personel/sınıf/sınıf.html" target="iframe">Sınıf Öğretmenlerimiz</a>
<a href="ceylan/personel/personel/brans/brans.html" target="iframe">Branş Öğretmenlerimiz</a>
</div></th>
</tr>

.submenu a {
display: block; // bölümünü display:inline; olarak değiştirmelisin.
font: 11px arial;
text-align: left;
text-decoration: none;
padding: 5px;
color: #2875DE; // Linkteki yazı rengi
}

hocam inline yaptığım zaman bu seferde iki link yan yana oluyor benim demek istediğim şu şekilde olacak

kelimemiz personel olsun ve yan tarafında(sağına) alt alta sınıf ve branş kelimeleri gelmesi gerek.
personel
Sınıf
Branş

inline yazdığım zaman şöyle oluyor

personel
Sınıf Branş

menüyü eklermisin hocam bir kaç deneme yapalım.