Trouble centering an unordered list menu inside a div

Hello,

I have an unordered list menu that is giving me a fit. I can't seem to figure out how to center it in the div. Structure is like this:

<div id="first-nav">

<ul>

<li>one</li>

<li>two</li>

<li>three</li>

<li>four</li>

<li>five</li>

</ul>

</div>

In my css I have:

#first-nav{width:100%; text-align:center;}

It's not moving the UL to the center of the div. Link Here http://skeeterz71.com/gothic/

I'm at a loss of what to do. Any help is appreciated.

Thanks