необходимо выровнять элементы списка по центру div

Я хочу выровнять список ссылок по центру внутри div.

Я попробовал margin: 0 auto, но безрезультатно.

Примечание: div-оболочка навигации должна оставаться на месте, это всего лишь фрагмент html, который вызывает беспокойство.

Проверьте http://jsfiddle.net/bkmorse/aaCY7/, чтобы увидеть ссылки, которые мне нужно правильно выровнять в div.

html

  

    
Home
    
Volunteer
    
Support
    
Educate
    
Contact
    
Gift Shop
    
Directions
  

css

#navigation-wrapper {
 width:465px;
 border:1px solid red;
}

#top-navigation {
 margin: 0 auto;
 border:1px solid blue;
 padding:5px 0;
}

#top-navigation li {
 display:inline;
 list-style-type:none;
 margin:2;
}​