UL nebeneinander

[xasz]

also danke schon mal für eure antwort, ich hab jetzt einiges gebastelt und hab ein fast perfektes ergebnis bekommen.
 html:

						<ul id="presets">  
							<li class="headline">Presets</li>  
  
								<li class="presetsleft">Preset1</li>  
								<li class="presetsleft">Preset2</li>  
								<li class="presetsleft">Preset3</li>  
								<li class="presetsleft">Preset4</li>  
								<li class="presetsleft">Preset5</li>  
							  
							  
								<li class="presetsright">Preset1</li>  
								<li class="presetsright">Preset2</li>  
								<li class="presetsright">Preset3</li>  
								<li class="presetsright">Preset4</li>  
								<li class="presetsright">Preset5</li>  
							  
						</ul>

und css:

  
ul#presets {  
	position: absolute;  
}  
ul#presets li.headline {  
	font-size:16px;	  
	list-style: none;  
	width:300px;  
	background-color:#800080;  
}  
ul#presets li.presetsleft {  
	background-color:#ff8000;  
	list-style: none;  
	width:150px;  
  
}  
  
ul#presets li.presetsright {  
	background-color:#80ff00;  
	list-style: none;  
	margin-left:150px;  
}  

momentan sieht es so aus, hoffe die erklärung haut hin: "Presets" ist oben ein lila balken wie eine tabellenüberschrift.
Presets eins 1-5 in orange wird nur auf der linken hälfte gangezeigt, und preset 1-5 grün auf der rechten, soweit so gut, allerdings sind die "listen" nicht nebeneinander sondern schräg untereinander.

  
      Pesets  
Preset1  
Preset2  
Preset3  
Preset4  
Preset5  
          Preset1  
          Preset2  
          Preset3  
          Preset4  
          Preset5  

aussehen sollte es aber so:

      Pesets  
Preset1  Preset1  
Preset2  Preset2  
Preset3  Preset3  
Preset4  Preset4  
Preset5  Preset5