JavaScript drop down - bliv i skærm

Hej udviklere.
Jeg sidder her med et dropdown script, som jeg egentlig gerne vil have rettet lidt i. Jeg ved dog ikke, hvilke ændringer, der skal foretages, før jeg opnår den ønskede effekt. Så jeg tænkte jeg kunne finde hjælp her.

Det forholder sig således, at jeg ønsker, at den menu - som bliver "droppet-down" - skal blive inde på skærmen. Det vil sige, at den ikke må gøre skræmen bredere, selvom den dropper ned - den skal altså sørge for, hele tiden blive inde på brugeres "synligheds-felt".

Et eksempel kan ses her:
http://www.myfront.dk/test4.php
(Prøv at gøre bredden på vinduet mindre - for at se problemet)

Koden er her:

<style type="text/css">

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

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	color: #FFF;
	text-align: center;
	text-decoration: none}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #969696;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #000000;
		font: 10px tahoma}

#sddm div a:hover
	{	background: #eeeeee;
		color: #000000}

</style>


<script language="javascript">

// Copyright 2006-2007 javascript-array.com

var timeout	= 0;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

function mclosetime2()
{
	closetimer = window.setTimeout(mclose, 0);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 


</script>

<table width="100%"><tr><td width="50%"></td><td width="50%"><div align="right">
<ul id="sddm">
  <li><a href=# onmouseover="mopen('m1')" onmouseout="mclosetime()">
	<font size="1" face="Tahoma" color="#000000">MenuDropDown</a>
        <div id="m1" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">

			<table width="150"><tr><td valign="middle">
<a href=""><img src="billeder/dropmenuadd.gif" border="0">  <font color="#4c4c4c" size="1">Nyt indhold</td></a>
</td></tr>

<tr><td valign="middle">
<img src="billeder/dropmenubg.jpg">
</td></tr>

<tr><td valign="middle">
<a href=""><img src="billeder/dropmenunright.gif" border="0">  <font color="#4c4c4c" size="1">Ryk til højre</a></td></tr>


<tr><td valign="middle">
<a href=""><img src="billeder/dropmenundown.gif" border="0">  <font color="#4c4c4c" size="1">Ryk ned</a></td></tr>

			
 </table>  </div>
    </li>
</ul>
</div>
</td></tr></table>