Button: Schrift nicht klickbar

Hallo liebes Forum und einen Gruß von einem Neuling. Ich habe ein Problem mit meinen Buttons, würde gerne einen schönen großen Knopf für einen Link erzeugen und bekomme im Ergebnis einen, bei dem der Schriftzug, also der Text im Gegensatz zum umrandenden Feld nicht klickbar ist...
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<style> div#footnav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #b0d576;} div#footnav ul li { float: left; border-right: 2px solid #e7f6cf;} div#footnav ul li a { display:block; color: white; text-align: center; padding: 14px 16px; text-decoration: none;} div#footnav ul li a:hover { background-color: #85AF45;} </style> <script src="/js_webseite/jquery.js"></script> <body> <div id="footnav"> <ul> <li style="border-left:2px solid #e7f6cf"><a href="kontakt.html">Kontakt</a></li> <li><a href="agb.html">AGB</a></li> <li><a href="datenschutz.html">Datenschutzerklärung</a></li> <li><a href="impressum.html">Impressum</a></li> </ul> </div> <script> $('a').click(function(){ alert('klickbar'); return false; }) </script> </body>