Schrift dauerhaft Mittig

[SimoNxD]

Hey Leute hab nen Kleines Problem mit einem Menü von mir ;o

http://akarios2test.square7.ch/

Hier erstmal der Hompage link.

also in der Mitte der Seite sind 4 Buttons zu sehen...
Allerdings ist die Schrift der buttons nicht mittig..
habs schon mit margin probiert, klappt auch wunderbar, bis mir aufgefallen ist das wenn ich mit "px" arbeite es zwar einige Menüpunkte mittig sind, aber da ja die Wortlänge variiert niemals alle...

Jetzt die Frage, wie bekomme ich auf jeden Button, die schrift in die Mitte?
hier mal mein HTML/CSS

  <div class="button">
     <ul class="button_menu">
       <li><p><a href="/">Akarios2</a></p></li>
       <li><p><a href="/">Forum</a></p></li>
       <li><p><a href="/">Facebook</a></p></li>
       <li><p><a href="/">Youtube</a></p></li>
     </ul>
   </div>

.button {
   width:670px;
   height:47px;
   margin:-97px 0 0 215px;

}

.button_menu {
   width: 670px;
   height: 47px;

}

.button_menu > li {
   float:left;
   list-style:none;
   width:143px;
   height:37px;
   background-image:url(img/button.png);
   background-repeat:no-repeat;
   padding:0 20px 0 0;
   margin: -7px 0px 0 -10px;

}

.button_menu > li > p > a {
   color:#FF0000;
   margin: 25%;
}

Danke im vorraus :)

 

[Cheffchen]

hat sich wohl geklärt (^_°)

Cheffchen