Div içinde li sorunu

Merhaba,

Şuan ki durumda normal hali şöyle olan bir tasarımı


Şu hale getirmek istiyorum.


Bunun için ne yapmam gerekir?
Ortadaki kırmızı çizgi yerine güzel bi görsel de kullanabilirim..
Css ustalarının yardımına ihtiyacım var.

css içinde şuanki li kodlarım:

ul.ikili li {
	font-family:Tahoma;
	font-size:14px;
	max-width:240px;
	line-height:auto;
	list-style-image:url(img/nokta.png);
	MARGIN: 0px 15px 5px 10px;	
}

İki tane ul açma şansınız yoksa, li etiketlerine float:left uygulayın. Görseli de ul etiketine arkapan olarak verebilirsiniz:

ul.ikili {
background:url(resim.png) 50% 0 repeat-y;
}

ul.ikili li {
/*diğer kodlar*/
float:left;
}