dela lista på två.

har en enkel navigations lista som jag vill dela upp i två columner. dvs något som det här.

Home			Downloads
Articles		Linkage
Gallery		        Staff
The Mix		        Inquiries

jag har testat med att lösa detta genom att sätta

ul { width: 300px} och li { width:50%; float:left; }

och detta fungerar bra bortsätt från att det inte går att sätta en backgrundsfärg på ul:n eller på en div utanför den.

någon idé på hur man kan lösa detta så att backkrundsfärger fungerar med?

tabeller är uteslutet som lösning.

<style type="text/css">
<!--

div#holder{
	background : #eee;
	width : 300px;
}

div#left{
	float : left;
}

div#right{
	margin-left : 50%;
}

-->
</style>

...

<div id="holder">
	<div id="left">
		<div>Home</div>
		<div>Articles</div>
		<div>Gallery</div>
		<div>The mix</div>
	</div>
	<div id="right">
		<div>Downloads</div>
		<div>Linkage</div>
		<div>Staff</div>
		<div>Inquiries</div>
	</div>
</div>

Kanske?

:)

gillar inte att använda så många divar utan vill hellre använda ul listor.