Stylesheet Sorunu ? ANlayan varsa yardım lütfen

ul {
margin:0px;
padding:0px;
list-style:none;
}
ul li {
height:18px;
background:url(/_dosya/imaj_site/list1.gif) bottom left no-repeat;
padding:0 0 0 8px
}
ul a {
color:#717070;
text-decoration:none;
}
td {
color:#717070;
line-height:14px;
font-family:tahoma;
font-size:11px;
}
strong {
color:#A63550;
}
a {
color:#A63550;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}


kodlar bunlar. ve alt alta <li> ler bulunan sayfalar gercekten igrenc duruyor. istedigimse bu yukarıdaki li leri li1 gibi bi kodla deiştirmek ama ozamanda <li> kodu islevini yitiriyor al satıra filan atmıor </li> bitisinde. Yani bu lilerden ayrı olarak normal bi <li> ve bunlarda baska bi li olsun istiorum.

x.ul
x.ul li denedim ama ozamanda class=x gibi bişi ile uyduramadım.

Yardımcı olanlara tesekkurler simdiden

<div class="menualani">
<ul>
<li><a href="Link1.htm">Link1</a></li>
<li><a href="Link2.htm">Link2</a></li>
<li><a href="Link3.htm">Link3</a></li>
</ul>
</div>

Şeklinde kullanacaksın...
css içinede ;


sorunun buysa çözer...