[CSS] text zentrieren?

#access {
 
 background: #ff9a88;
 /*background-image:url(images/leiste2.gif); background-repeat:repeat-y; background-position:center 31px; 
 display: block;
 position: absolute; */
 text-align: center;
 margin: 0 auto;
 width: 100%;
 height: 40px;
}

#access ul{display:inline-block;}


#access ul {
 background-color: #ce371c;
 list-style: none;
 margin: 0;
 padding-left: 0;
}
#access li {
 float: left;
 position: relative;

}


#access a {
 color: white;
 font: 1.1em Tahoma;
 font-variant:small-caps;
 font-stretch:narrower;
 display: block;
 line-height: 40px;
 padding: 0 2.5em;
 text-decoration: none;
 background-image:url(images/pfeil.png); background-repeat:no-repeat; background-position:center 31px;
 background-attachment:scroll;
 border-right-width: 2px;
 border-color: black;
 border-right-style: solid;
}

#access .verein {
 border-left-width: 2px;
 border-color: black;
 border-left-style: solid;}
 
#access .kontakt a {
 background-image:none !important;}
 
#access ul ul {
 display: none;
 position: absolute;
 top: 2.5em;
 left: 0;
 z-index: 99999;
}
#access ul ul ul {
 left: 100%;
 top: 0;
}

#access ul ul a {
 text-align: center;
 font: 1em Tahoma;
 color: #b8b8b8;
 background: #262327;
 padding-top: 5px;
 padding-bottom: 5px;
 line-height: 1em;
}

#access .verein1 {
 width: 191px;
 }

#access .finanzierung1 {
 width: 189px; }

#access .projekte1 {
 width: 157px; }

#access .kontakt1 {
 width: 132px; }
 
#access .intern1 {
 width: 140px; }


#access li:hover > a,
#access ul ul :hover > a {
 background: #ff9a88;
 background-image:url(images/pfeil.png); background-repeat:no-repeat; background-position:center 31px;
 background-attachment:scroll;
}
#access ul ul a:hover {
 color: white;
 background: #000000;
}
#access ul li:hover > ul {
 display: block;
}