[Resuelto] resolucion ventana css

Código

<html>
	<head>
		<title>Menu Desplegable</title>
		<link rel="stylesheet" href="estilos.css">
	</head>
	<body>
		<div id="header">
			<nav>
				<ul class="nav">
					<li><a href="">Inicio</a></li>
					<li><a href="">Nuestra universidad</a>
						<ul>
							<li><a href="">Submenu1</a></li>
							<li><a href="">Submenu2</a></li>
							<li><a href="">Submenu3</a></li>
							<li><a href="">Submenu4</a>
 
						</ul>
					</li>
					<li><a href="">oferta educativa</a>
						<ul>
							<li><a href="">Submenu1</a></li>
							<li><a href="">Submenu2</a></li>
							<li><a href="">Submenu3</a></li>
							<li><a href="">Submenu4</a></li>
						</ul>
					</li>
					<li><a href="">Marco juridico</a></li>
					<li><a href="">autoridares colegiadas </a></li>
					<li><a href="">investigacion </a></li>
					<li><a href="">cultura </a></li>
					<li><a href="">deportes </a></li>
				</ul>
			</nav>
		</div>
	</body>
</html>

Código

 
			* {
				margin:0px;
				padding:0px;
			}
 
			#header {
					margin-top:0px auto;
				 width: 100%;
				overflow: hidden;
    			height: 150px;
    			position: fixed;
                z-index: 100;
			}
 
			ul, ol {
				list-style:none;
			}
 
			.nav {
				top:-20px;
 
    position: absolute;
    left:190px;
    right:0;
	margin:20px auto;
	max-width:1000px;
	width:90%;
 
			}
 
			.nav > li {
				float:left;
			}
 
			.nav li a {
				background-color:#FFD331;
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				display:block;
			}
 
			.nav li a:hover {
				background-color:#082C63;
			}
 
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
 
			.nav li:hover > ul {
				display:block;
			}
 
			.nav li ul li {
				position:relative;
			}
 
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}

alguien sabe por que el menu no se queda asi cuando redusco la ventana del chrome

queda asi cuando redusco la ventana

si me pudieran ayudar a solucionar esto ,gracias