Can someone help me with my navbar issue? I created a topbar with register and login buttons, but it's not filling up the entire screen. It stops just before touching the edge of the monitor. Any suggestions on how to fix this? Here is the link if you want to see my code.
html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>League of Legion</title>
<link rel="stylesheet" type="text/css" href="page.css" />
</head>
<body>
<div id="top-background">
<div id="wrapper">
<!-- Everything in the top Nav -->
<div id="Register-Text">
<ul>
<li><p>Don't have an account?</p> <a href="#">Register</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
<!-- End of everything in the top Nav -->
</div>
</div>
</body>
</html>
css
#top-background {
background-color: #000000;
margin-top: -9px;
position: relative;
}
#wrapper {
background-color: #000000f;
max-width: 1100px;
min-width: 720px;
margin-left: auto;
margin-right: auto;
margin-top: -16px;
}
/*Beginning of top Nav styling */
#Register-Text {
overflow: auto;
}
#Register-Text ul li {
color: white;
display: inline;
list-style-type: none;
float: right;
padding-left: 20px;
margin-bottom: 10px;
}
#Register-Text ul li p {
display: inline;
color: #999;
}
#Register-Text ul li a {
color: white;
text-decoration: none;
}
#Register-Text ul li a:hover {
color: #93C;
}
/* End of top Nav Styling */