guias de várias linhas

Estou tendo problemas com um problema de HTMl / Css. Estou criando guias usando ul e li. A lista de guias é dinâmica e pode estender até 10 guias. O problema é que a lista quebra com 100% de largura e as guias se sobrepõem. É possível calcular quando a lista atinge quase 100% da largura, para que eu possa criar um segundo conjunto de guias?

Aqui está o link para um exemplo.

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

O texto superior das guias 8,9 e 10 é cortado. Eu quero evitar isso

obrigado

questionAnswers(2)

yourAnswerToTheQuestion