ol и ul как сделать один список в строку, а другой в колонку

[McLotos]

Ну собственно в заголовке указано что я хочу, подскажите, почему-то никак не получается

вот что пробовал

Если например писать

#menu li {display: inline;} тогда работает

а если писать

#menu ol li {display: inline;}

тогда не работает

но в первом случае оба списка становятся в строку, а мне нужно чтобы только ol был в строку, а ul был в колонку. Как решить такую проблему? или придётся создавать отдельный класс для ol и отдельный для ul?

[Great Rash]

HTML

<div id="menu">
    <ul>
	    <li>я в колонку</li>
	    <li>я в колонку</li>
	    <li>я в колонку</li>
	    <li>я в колонку</li>
	    <li>я в колонку</li>
	    <li>я в колонку</li>
    </ul>

    <ol>
	    <li>я в строку</li>
	    <li>я в строку</li>
	    <li>я в строку</li>
	    <li>я в строку</li>
	    <li>я в строку</li>
	    <li>я в строку</li>
    </ol>
</div>

CSS

#menu ol li {
    display: inline;
}

[McLotos]

HTML

<div id="menu">
<ul>
	 <li>я в колонку</li>
	 <li>я в колонку</li>
	 <li>я в колонку</li>
	 <li>я в колонку</li>
	 <li>я в колонку</li>
	 <li>я в колонку</li>
</ul>

<ol>
	 <li>я в строку</li>
	 <li>я в строку</li>
	 <li>я в строку</li>
	 <li>я в строку</li>
	 <li>я в строку</li>
	 <li>я в строку</li>
</ol>
</div>

CSS

#menu ol li {
display: inline;
}

пробовал, не помогает

[sigma77]

пробовал, не помогает

Покажи код/страницу/ссылку на jsfiddle, где не работает.