Navbar height cover?

[gamemann]

Hello everybody, I have a problem with my site I am making.

http://gmann.gflclan.com/index.php (this is a test site, I am not even near close to being done with it).

The problem I am having is, when I make my browser smaller, the navbar body doesn't move down (expand).

#navbar {
	width:auto;
	height: 5%;
	position:relative;
	background:url(images/transbg4.png);
	border-radius:15px 15px 0px 0px;
	box-shadow: 5px 5px 10px #121212;
	margin-left: 30%;
	margin-right: 30%;
	color: white;
	text-align: left;
}

There's the code. I think it has to do with "height: 5%;". Do you guys have any idea on how to fix this. I am learning coding, and sorry if this is a "noob" question.

Also, if you want, feel free to give suggestions for the site, I already know it looks horrible but I plan on making it better in the future.

 

Here is the navbar in the PHP file I made:

		<div id="navbar">
			<ul id="nav_links">
				<?php
					$query = "SELECT * FROM `navlist` ORDER BY `lorder` ASC";
					$result = mysqli_query($db, $query) or die ('Error with the nav list query! Error: ' . mysqli_error($db));
					while ($nav = mysqli_fetch_assoc($result)) {
						echo '<div class="navlink">';
							$target = '';
							if($nav['newpage'] == 1) {
								$target = 'target=_blank';
							} else {
								$target = '';
							}
							echo '<li class="nav_button"><a href="' . $nav['link'] . '" ' . $target . '>' . $nav['name'] . '</a></li>';
						echo '</div>';
					}
				?>
			</ul>
		</div>

Thanks,

Gamemann

[adam_bray]

It's not going to expand when you give it a set height. Try changing height to line-height.