UL LI format Problem. Nebeneinander, untereinander

[Collin]

Ich gebe mein Menü, Verzeichnis als Liste aus , UL LI.

Jetzt möchte ich das die Hauptüberschriften neben einander sind und unter den einzelen Hauptüberschriften, die UnterÜberschriften:

xx!xx!xx!xx!xx
--!xx!--!--!xx
--!xx!--!--!xx

Aber ich bekomme das irgendwie nicht hin...

.nav {  
	text-align:left;  
	font-size: 15px;  
	max-width:1200px;  
	margin:0px auto;  
	}  
  
  
.nav ul {  
	padding: 0;  
	list-style: none;  
	display: inline-table;  
	background: #ff0000;  
	}  
  
.nav li {  
	float:left;  
	padding:20px;  
	}  
  
.nav ul ul {  
background: #c0c0c0;  
	}

  
<div class="nav">  
<ul>  
	<li>  
		<a href="">Ueberschrift</a>  
	</li>  
	<li>  
		<a href="">Ueberschrift</a>  
		<ul>  
			<li>  
				<a href="">Unter Ueberschrift</a>  
			</li>  
			<li>  
				<a href="">Unter Ueberschrift</a>  
			</li>  
		</ul>  
	</li>  
	<li>  
		<a href="">Ueberschrift</a>  
	</li>	  
	<li>  
		<a href="">Ueberschrift</a>  
	</li>	  
	<li>  
	<a href="">Ueberschrift</a>  
		<ul>  
			<li>  
				<a href="">Unter Ueberschrift</a>  
			</li>  
			<li>  
				<a href="">Unter Ueberschrift</a>  
			</li>  
		</ul>  
	</li>  
</ul>  
</div>