[mike316]

Originally Posted by Excavator

Hello mike316,
Try giving .menu li a width. You will need to figure out what the ul's 100% width is and divide by however many li menu items you have to figure out what fits.
Adding text-align: center might help appearances for a wider li with a smaller word in the anchor.


.../add
The way you have it now the width is determined by the anchor text and the padding highlighted in red below -

.menu li a {
	display:block;
	height:55px; 
	font-size:16px; 
	line-height:51px; 
	padding:0 64px 0 63px; 
	color:#42413D; 
	background:url(../images/menu-a.png) left bottom repeat-x #fff;
}

When you figure out some width for your li, you should probably remove that padding.

Hello Excavator,
sorry, but this is all Greek to me. can you please tell me what I have to change in that code? I will remove the part that you highlighted in red. but what do I add, and where? the calculation is not a big deal, I can try different numbers and see what works, but can you tell me the basic code that i have to insert, and where do I insert this? thanks in advance for your help.