Hi -
I'm having some trouble with the menu bar on http://www.urgeschmack.de/

I am using %page-center to get the bar centered. But then the background image won't be shown over the full width but instead just as far as the buttons reach.

That's why I added

div#menu1 {
	border: none;
	width: 960px;
}

But that kind of disables the center-alignment.
To still get my buttons kind of centered, I am using this:

div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active
    {
    padding: 4px 37px;    
    }

But, as you can see if you hover above the last button ("Über Felix"), that solution is flawed as well.

I tried a lot but I just don't get it to work.

Could you help me with this?

But, as you can see if you hover above the last button ("Über Felix"), that solution is flawed as well.

looks fine to me, did you fix it?

No, I didn't. There is a ~20px free space to the right of that last button (you will see it when you hover over it).

There's no way to change the padding (now 37px) to fix that. Currently, the buttons are left-aligned, meaning that if I change the padding (or the button texts), everything will move to the left as well.

oh, yeah now I see it. To tell the truth I didn't notice it. I'd just ignore it. The amount of time you might spend trying to make it exact may never give back any payoff.

Yeah... I guess that's true. CSS sometimes sucks.

Thanks for looking into it and merry Christmas!