menu css3 com cantos arredondados inversos

Projetei um menu de navegação que se parece com a imagem aqui:

Quero codificá-lo com cantos arredondados css3 e sombras de caixa, sem usar nenhuma imagem. O problema é o canto arredondado à esquerda do primeiro item do menu e o canto direito do menu ... Chamo de canto arredondado "reverso" ...

Deve ter que mudar de cor em:hover.

Existe alguma maneira de fazer isso apenas em css? E como

questionAnswers(2)

yourAnswerToTheQuestion