Hej,
Miało być prosto i przejrzyście...I jest prosto, a przejrzyście przestaje być, jak powiększysz sam tekst (bez grafiki). Nawigacja po lewej zdycha. Jakiś height w px i overflow hidden, albo inne paskudztwo.
Poza tym nie dość, że staje się ona przy powiększeniu nieczytelna, to ujawnia się jeszcze jeden jej mankament. Ikonki aka bullet-y aka arrow-y

są cały czas na górze litery że tak powiem

najłatwiej uniknąć tego w ten sposób:
ul#nawigacja li a{background:url('ikonka.xxx') no-repeat 0 50%;}
Będzie all da time na środku

Pzdr;