<li> v <ul> na celou stránku

Zdravim všechny. Chci na stránky udělat hamburger menu v seznamu <ul> a chtěl jsem, aby byly <li> na celou stránku, ale když dam v css li{width:100%;}, tak mi pokaždé na kraji zbyde nějakých 30px místa. Nejde to za ně ani posunout (např. pomocí float: left;, abyste mě pochopili). Nevíte kde dělám chybu? Určitě to bude nějaká totální blbost, ale za boha na ní nemohu přijít... Za každou odpověď předem děkuji. :) Přikládám živou ukázku Živá ukázka

Tomášeek:
Dík. Te ď už to funguje, jak má.