Mam problem z listami li.

Zrobiłem menu rozwijane na listach korzystając z gotowca, a chcę także mieć możliwość wstawiania list w dokumencie.

Kod
* { margin: 0; padding: 0; }

#menu { float: left; }

#menu, #menu ul { list-style: none; width: 200px;}

#menu li { position: relative; line-height: 0; /* fix for IE */ }

#menu a{ color: #026836; background: url('pliki/menu1.gif') no-repeat;  font-family: Arial; font-size: 14px; text-decoration: none; font-weight: bold; display: lock; width: 200px; text-align: center;line-height: 21px;height: 21px; }

#menu li:hover li a, #menu li:hover li:hover li a
{ color: #026836; background: url('pliki/menu3.gif') no-repeat;  font-family: Arial; font-size: 14px; text-decoration: none; font-weight: bold; display: block; width: 130px; text-align: center;line-height: 21px;height: 21px; }

#menu li:hover a, #menu li:hover li:hover a, #menu li:hover li:hover li:hover a { color: #fff;background: url('pliki/menu2.gif') no-repeat;}

#menu li:hover li:hover a, #menu li:hover li:hover li:hover a { color: #fff;background: url('pliki/menu4.gif') no-repeat;}

#menu li ul, #menu li:hover ul li ul { height: 21px; width: 0; overflow: hidden; position: absolute; left: 200px; top: 0; }

#menu li:hover ul, #menu li:hover ul li:hover ul { width: 138px;height: auto; overflow: visible; z-index:1; /* fix for Opera v9.25 and lower */ }

li.tresc{text-decoration: none; text-align: justify; font-family: Arial; font-size: 12px; color: #6e6e6e;list-style: decimal; }

ol.tresc{list-style: decimal; }


Myślałem, że jak nadam inne klasy ol i li to będzie inaczej je traktował, ale niestety dziedziczy po menu i nie punktuje listy. Jak najprościej zrobić, abym mógł w treści punktować sobie listy. Wolałbym menu nie ruszać.

JUŻ ZROBIONE WYSTARCZYŁO USUNĄĆ WPIS: * { margin: 0; padding: 0; }