UL nebeneinander

[xasz]

Hallo ich weis so ähnliche Threads gabs schonmal aber ich habe lange rumprobier und bekomme es einfach nicht genau so hin wie ich will.
Also bitte schauts euch mal an.

Meine Liste sieht so aus:

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

Mein style sieht so aus:~~~css ul#presets {
position: absolute;

}
ul#presets li.headline {
font-size:16px;
list-style: none;
width:300px;
background-color:#800080;
}
ul#presets ul.presetsleft {
background-color:#ff8000;
list-style: none;
float: left;
width: 150px;
}

ul#presets ul.presetsright {
background-color:#80ff00;
list-style: none;
width: 150px;
margin-left: 150px;
}

  
es funktioniert auch so mehr oder weniger das problem ist nur, das die 2 "spalten" nicht gleich breit sind  
  
danke schon mal für die hilfe  
  
grüße xasz