Indrykning af submenu?

Jeg har hentet en menu fra DynamicDrive og har lidt problemer.

Jeg har en menu øverst i en tabel og submenuer under hvert menu punkt. Jeg vil gerne have submenuen som folder ud når musen går over menuen til at starte i samme sted i x-retningen. Dvs.

menu -> blabla I blabla I blabla I
                                I
submenu ->            I blabla I blabla I

Her er lidt kode :

<!-- Edit the dimensions of the below, plus background color-->
      <ilayer name="dep1" left="176" top="46" width=400 height=20 bgcolor="#ffffff">
      </ilayer>
      <div id="describe" style="background-color:#ffffff;width:600px;height:20px;" onMouseOver="clear_delayhide()" onMouseOut="resetit(event)"></div>
      <script language="JavaScript1.2">

/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]='<a href="ford_personbiler.html" target="_content">Ford</a> | <a href="mazda_personbiler.html" target="_content">Mazda</a> | <a href="kia_personbiler.html" target="_content">Kia</a>'

submenu[1]='<a href="http://bilbasen.dk/biler/forhandlere/dealer_cars.asp?id=2063">Aabenraa</a> | <a href="http://bilbasen.dk/biler/forhandlere/dealer_cars.asp?id=6221">Tønder</a></font>'

submenu[2]='<a href="lager.html" target="_content">Lager</a> | <a href="vaerksted.html" target="_content">Værksted</a> | <a href="pladevaerksted.html" target="_content">Pladeværksted</a></font>'

submenu[3]='<a href="http://freewarejava.com/applets/index.shtml">Ford:</a> <a href="http://ford.dk/ie/personalfinance/-/-">Til Private</a> eller <a href="http://ford.dk/ie/businessfinance/-/-">Til Erhverv</a> | <a href="http://www.mazda.dk/buy/finance.asp">Mazda</a></font>'

submenu[4]='<a href="kontakt_aab.html" target="_content">Aabenraa</a> | <a href="kontakt_ton.html" target="_content">Tønder</a></font>'

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=500

/////No need to edit beyond here

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>