londrum - 1:16 pm on Dec 17, 2011 (gmt 0)
if it was me, i would combine all the images into one.
you dont need a background image for the button, plus another image for the vertical spacer. you could just combine them into one, and add the spacer to the right edge of the background image. that would save a lot of faffing about.
for the links at either end of the navbar, that don't need a vertical spacer, just make them 1 pixel thinner, so it doesn't appear.
you could also combine the background image with the hover version, as a CSS sprite. have a search for "CSS sprite", and see how can merge them all into one
all that CSS you've got that reference the
last-child might be alright on today's browsers, but i think it might cause you problems on older versions of IE because it wont work. it's probably best to scrap that stuff, and put the rounded corners straight onto the <ul> element instead. you won't need last-child for that