CSS で li を float させる方法

質問

リスト項目を横並びにfloatさせたいいんですが、
li {list-style:none url(../image/icon/article.png) inside;}
と指定すると、floatできないようです。
どうすればlist-styleを指定したliをfloatさせることできますか？
コートは以下のようにしています。
よろしくお願いします。

【HTML】
<div class="YYY">
<ul>
<li class="movie"><a href="">MOVIE</a></li>
<li class="photo"><a href="">PHOTO</a></li>
</ul>
</div>

【CSS】
.YYY {margin:10px 0;}
.YYY ul {margin:0px;padding:0px;}
.YYY li.photo {float:left;list-style:none url(photo.png) inside;}
.YYY li.movie {float:left;list-style:none url(article.png) inside;}

回答No.1

noname#54215 · ベストアンサー

私がローカルで試してみたところきちんとfloatしました。
記述ミスでは？

お礼

記述ミスでした。。。class:photoが二つあった。。。
ありがとうございます！！