板块排列的CSS问题

请教一个问题，

官方common.css模板里用 xl2 来控制内容显示分两列显示。

.xl2 li { float: left; margin: 2px 0; padding: 0; width: 48.6%; height: 1.5em; overflow: hidden; }

我想设置一个xl6 让内容分六列显示。

.xl6 li { float: left; margin: 2px 0; padding: 0; width: 15%; height: 1.5em; overflow: hidden; }

为什么不生效呢？

DIY的模块模板如下：

<div class="module cl xl xl6">
<ul>
<strong><a href="">超市</a></strong>
[loop]
<li><a href="{url}" title="{title}"{target}>{title}</a></li>
[/loop]
</ul>
</div>