pestañas de varias líneas

Estoy luchando con un problema HTMl / Css. Estoy creando pestañas usando ul y li. La lista de pestañas es dinámica y puede extenderse hasta 10 pestañas. El problema es que la lista se rompe en un 100% de ancho y las pestañas se superponen. ¿Es posible calcular cuándo la lista alcanza cerca del 100% de ancho, para poder crear un segundo conjunto de pestañas?

Aquí está el enlace a un ejemplo.

http: //jsfiddle.net/syEJx/5.

El texto superior de las pestañas 8,9 y 10 se cortan. Quiero evitar es

Gracia

Respuestas a la pregunta(2)

Su respuesta a la pregunta