Help needed with my homepage navigation bar that is acting up. The last button link seems to be extending further down than it should, and it's turning the text below it into a hyperlink as well. I'm not very experienced with programming, so any assistance would be greatly appreciated. I've changed any mention of my real name to 'Jon Snow' for privacy reasons, as well as for fun!
<!DOCTYPE html>
<head>
<p>Jon Snow
Blah + A Student</p>
<link rel="stylesheet" type="text/css" href="jonsnow.css">
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="navigation">
<ul>
<li><a href="aboutme.html">About Me</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contactme.html">Contact Me</li>
</ul>
</div>
<div id="intro">
<p>Hi, I'm Jon Snow, a student at Blah, University of Blah. This is my online portfolio!</p>
</div>
</body>