I've been testing some alternative menubar-constructions. With CSS only.

In this example I come very close to my goals. The menubuttons are LI-items made inline with CSS and the hover is on the <a href> link with a background-image.

But, ... It is not so very tight to the right border of the button when you hover.
I tried all possible margins/padding solutions, but I seem to hold that mysterious space to the right of the button:hovered.

Anybody an idea what I'm doing wrong here?

>> example with CSS code: http://www.ict-id.nl/temp/sitepoint/...ngmenus03.html