well I need to just make that menu, basically. however that is.
normally I would use something like http://selectivizr.com/ to select first and last element and assign images to it to round the corners. I don’t want to use CSS3 to round the corners since’s not supported by all browsers.
problem is that wordpress is dynamic, and menu’s change so I want it not to break if they add a new section of the site.
A little bit less-semantic way to do this is like so:
/* Left corner image here */
/* Dynamic nav here */
/* Right corner image here */
And then, you’d make the nav-left and nav-right a display:block; float:left (or right, for nav-right), give them a width, and backround-images. Then, just give the nav-wrapper a width in px, and that should work perfectly well. Also be sure to give the #nav-center a background that repeats-x (or is just a hex), then that’ll work like the sliding door effect. That way, you don’t need to target the first element, although I’m sure that’s possible, am just in the middle of doing some homework right now 😉