[HTML/CSS] Jak wyrównać niebieskie podświetlenie w menu do lewego boku?

Witam,
Mam problem z menu poziomym. Jak zrobić, że menu działało jak zaprojektowane w photosopie.
Menu wyglądać tak:



Po najechaniu na poszczególny link pojawia się niebieskie podświetlenie i napis bold.
Niestety nie mogę i nie wiem jak przesunąć ten niebieski do lewego boku??
Cały czas jest na wysokości początkowej litery.

A o to kod

HTML



i w stylach zewnetrznych


Proszę pamiętać o używaniu znaczników code. - arnoldziq

Wydaję mi się, że nawet lepiej wyglądałoby to, gdyby to niebieskie tło znajdowało się tylko pod tymi kropeczkami. Ale jak nie, lepiej podaj link do strony - byłoby wygodniej...

Narazie nie mam tego na stronie tylko stoi to localhost - xampp.
Nrazie tymi kresami wizualnymi sie nie przejmuje bardziej zależy mi na tym niebieskim podświetlanym pasku .