Testo centrato

[idro]

ciao ho un problema infatti vorrei centrale dei link nel mio menù laterale sinistra non sulla pagina ma sullo sfondo. In pratica ho un un immagine che fa da sfondo al menù una per ogni link e vorrei mettere che il testo cioè il link sia centrato all'immagine di sfondo. Come posso fare ecco la sorgente html

<div id="leftmenu">
	<ul id="menu">
		<li style="background-image: url('{$dpath}img/menu-top.png');height:100px;cursor:pointer" onclick="document.location = './game.php?page=changelog';">
		<li style="background-image: url('{$dpath}img/menu_wirt.png');height:30px;">
		[*]{$lm_overview}
		{if !CheckModule(15)}[*]{$lm_empire}{/if}
		{if !CheckModule(3)}[*]{$lm_research}{/if}
		{if !CheckModule(2)}[*]{$lm_buildings}{/if}
		{if !CheckModule(4)}[*]{$lm_shipshard}{/if}
		{if !CheckModule(5)}[*]{$lm_defenses}{/if}
		{if !CheckModule(18) && !CheckModule(8)}[*]{$lm_officiers}{/if}
		{if !CheckModule(13)}[*]{$lm_trader}{/if}
		{if !CheckModule(38)}[*]{$lm_fleettrader}{/if}
		{if !CheckModule(9)}[*]{$lm_fleet}{/if}
		{if !CheckModule(28)}[*]{$lm_technology}{/if}
		{if !CheckModule(23)}[*]{$lm_resources}{/if}

		<li style="background-image: url('{$dpath}img/menu_com.png');height:30px;">
		{if !CheckModule(11)}[*]{$lm_galaxy}{/if}
		{if !CheckModule(0)}[*]{$lm_alliance}{/if}
		{if !empty($forum_url)}[*]{$lm_forums}{/if}
		{if !CheckModule(22)}[*]{$lm_records}{/if}
		{if !CheckModule(12)}[*]{$lm_topkb}{/if}
		{if !CheckModule(7)}[*]{$lm_chat}{/if}
		{if !CheckModule(27)}[*]{$lm_support}{/if}
		[*]{$lm_faq}
		{if !CheckModule(21)}[*]{$lm_banned}{/if}
		[*]{$lm_rules}
		{if !CheckModule(39)}[*]{$lm_battlesim}{/if}
		<li style="background-image: url('{$dpath}img/menu-foot.png');height:30px;">
	[/list]
</div>

e css

#menu {

list-style:none;

margin:0;

padding:0;

position:absolute;

top:-29px;

width:200px;

padding-bottom:26px;

}



#menu li {

font:67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

margin:0;

padding:0;

}



#menu a {

background:url(img/bottone10.png) no-repeat; width: 300px; height: 29px;

font-weight:400;

padding:4px 100px;

text-decoration:none

display:block; 
}



#menu a:hover {

background-position:0 bottom;

color:#fff

}

[0-c00l]

hai provato ad inserire

text-align: center;

nel css?

[idro]

si è quello la cosa strana.
Se può servire uso IE

[0-c00l]

Lo avevi inserito in #menu li {} ? Nei codici che hai postato non lo vedo

[idro]

hai ragione avevo provato a mettere text-align: center; nel css ma nel posto sbagliato grazie!!!!!!!!!!!!!!!!

[0-c00l]

figurati