Проблема со списками

Добрый день, на досуге начал углубятся в HTML и CSS и вот возникла проблема

в CSS определил списки

#workarea ul {list-style-type: none;  padding:0; margin: 0 0 0 1.5em;}

#workarea ul li:before { content:'\2014\a0'; }

#workarea ul li {

	behavior:expression( !this.before  ? this.before = this.innerHTML = '<span class="dash">&mdash;&nbsp;</span>' + this.innerHTML :'' );

	text-indent:-1.35em;

	margin: 0.6em 0;

}

#workarea ul ul {padding:0 0 0 1.5em; margin: 0.6em 0}

#workarea ul ol {padding:0 0 0 1.5em; margin: 0.6em 0}

#workarea ul ol li:before {list-style-type: none;}



#workarea ol {padding:0 0 0 0.3em;  margin:0 0 0 1.5em;}

#workarea ol ol {padding:0 0 0 1.4em; margin: 0.6em 0}

#workarea ol ul {padding:0em; margin: 0.6em 0}

#workarea ol li {

	text-indent:-0.3em;

	margin: 0.6em 0;

}

и вроде все нормально, но для вложенного в ul ol выводится дефис как для корневого ul (вывод во вложении)

<ul>

	<li>juegfuyhwecf</li>

	<li>выпуск банковских карт;</li>

<ol>

	<li>ипотечное и потребительское кредитование;</li>

	<li>автокредитование;</li>

</ol>



</ul>

<ol>

	<li>услуги дистанционного управления счетами;</li>

	<li>кредитные карты с льготным периодом;</li>

<ul>

	<li>срочные вклады, аренда сейфовых ячеек;</li>

	<li>денежные переводы.</li>

</ul>

</ol>

подскажите как побороть это