display:inline; no es igual a
display:inline-block;
tus elementos de la lista los tienes en display:inline, pero no inline-block;
ahora, tengo una duda ¿por que width:100% en
.principal li ?
te recomiendo que por el momento, a todos tus elementos les pongas un borde de 1 pixel en un color en cual puedas distinguir, estoy seguro que eso te orientara mejor para que encuentres el detalle que tienes, cualquier duda, comenta
pd: enlace de tu imagen
http://hostingd.imagecross.com/image...36captura1.jpg
tu imagen
