Menu css y divs% centrados

[raexman]

Qué onda Juan!

Se me ocurren estas dos opciones:

Usar border-radius (como lo menciona Bonez) y aplicar el la imagen de fondo con repetición en x, en el elemento padre. Y al contenido darle un ancho de 90% y centrarlo con margin: 0 auto para dejarle espacio a los extremos, o darle un padding/margin: 5% cualquiera de los dos.

http://jsfiddle.net/mrbrownie/rLr7v/3/

La otra opción que creo que va más con lo que dices, es crear dentro del elemento padre los tres elementos, poner primero los elementos de las esquinas (los cuales nombre .lb y .rb, por left border, right border) flotandolos a sus respectivos lados, y luego agregar el contenido, el cual se acomodará en medio de estos.

http://jsfiddle.net/mrbrownie/P76W8/4/


Espero te haya servido.