Non capisco perché nel mio sito anche nella versione responsive le linee debordano.

[Alhazred]

E' il posizionamento "left: 40%" degli elementi <li>
Prova invece ad usare
padding-left: 40%;