I've been trying for a couple days off and on to get this drop menu to center, but no matter what I do it always sits to the far left.
The webpage is www.saegmu.com

css code:

#sddm
{	
position: absolute;
text-align:center;
margin: 0 auto;
	padding: 0;
	z-index: 30}

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

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 5px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: center;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

js code:

var timeout         = 500;
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);
}

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

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

html code:

<ul id="sddm">  
    <li><a href="index.php">Home</a></li>
    <li><a href="#" 
        onmouseover="mopen('m2')" 
        onmouseout="mclosetime()">About</a>
        <div id="m2" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="About_SAE.php">About SAE</a>
        <a href="What_is_Rush.php">What is Rush?</a>
        </div>
    </li>
    <li><a href="Upcoming_Events.php">Upcoming Events</a></li>
    <li><a href="Brother_Directory.php">Brother Directory</a></li>
    <li><a href="Alumni.php">Alumni</a></li>
    <li><a href="Photos.php">Photos</a></li>
    <li><a href="#" 
        onmouseover="mopen('m3')" 
        onmouseout="mclosetime()">Links</a>
        <div id="m3" 
            onmouseover="mcancelclosetime()" 
            onmouseout="mclosetime()">
        <a href="Links.php">External Links</a>
        <a href="Construction.php">Contact Us</a>
        </div>
        </li>
        <li><a href="members.php">Members</a></li>
</ul>

If I could get any help towards centering this ul it would be greatly appreciated. I've tried <center> <p align="center"> and other various tags, but all were a no go.

Snidd111,

<div id="centering-drop-menu"></div>

#centering-drop-menu {
margin: 0 auto;
}

There's only one thing wrong with that example - in order for the margin: 0 auto to work you MUST define a width!

Oh, one thing, there is no such thing as position: center!

thanks ladynred. i believe i noticed that when i put it in but forgot to take it out. like i said i'd been working on code for quite a while and i was becoming a little snowblind in a sense.
However, with the code you gave WebDizanSajtova, adding the width:0; segment, it now starts from the center rather than being centered. so that didn't totally solve the problem although progress is being made at least.