Jeśli chodzi o ten problem z tym hoverem to przy ul masz ustawione cursor:pointer;
usuń padingi
ul li a{
padding-top: 25px;
padding-bottom: 25px;
}
bo to powoduje że tak się to dzieje.
poczytaj o https://necolas.github.io/normalize.css/
lub
http://meyerweb.com/eric/tools/css/reset/
tak po przeróbce wygląda
http://codepen.io/jaca121212/pen/wGLEEJ?editors=0110
usuń padingi
ul li a{
padding-top: 25px;
padding-bottom: 25px;
}
bo to powoduje że tak się to dzieje.
poczytaj o https://necolas.github.io/normalize.css/
lub
http://meyerweb.com/eric/tools/css/reset/
tak po przeróbce wygląda
http://codepen.io/jaca121212/pen/wGLEEJ?editors=0110