Probleme mit dem <nav> in css

<nav>            	<li><a href="#">Home</a></li>                <li><a href="#">Login</a></li>                <li><a href="#">Register</a></li>            </nav>

nav {	width: 100%;	background: #333;	background: -webkit-linear-gradient(top,#454545,#222222);	overflow: hidden;	height: 30px;}	nav ul li {		float: left;	}		nav ul li a {			display: block;			width: 100px;			height: 30px;			line-height: 30px;			text-align: center;			color: #CCC;			text-decoration: none;		}