Need help with nav bar

Hello I recently just finished my technical documentation form page. However i have an issue when you hover a nav-link, the background colour doesn’t fully fulfill the link behind it. Below is my form page and hopefully you guys can help me out. peacee

I believe that you can get the effect you want by putting :hover styling on your <li> instead of your <a>
li:hover{ ... }

You’ll also have to override some of the <ul> indentation styling inherited from the user agent to get it to behave.

I’ve always put the link inside the list item or just skipped the list altogether had links either block or inline-block