以开始没有注意到，还以为是ＣＳＳ的问题，我写了个测试，发现并没有错位，又细看了一下生成的 HTML，才发现：

<li class="item3"><span class="separator"><span /></span></li>

<span /> 在 IE6／7下 被解释为： <span> 而不是 <span></span>

这样一来，就乱套了。

为什么会造成这个样子呢？

Joomla 的 mod_mainmenu 里是用 xml 来生成的，xml 里，如果一个节点没有文本，就会这样写：<xx />，所以，这个 span 就被写成了 <span /> 了，

晕。。。。

_________________________________________________________________________

由于是在Ubuntu 下进行的调试，所以没有测试IE,(虚拟机上只装了IE8)，没想错位那么大，影响了市容，影响了心情。

昨晚弄到12点多，就为找这个错误出在什么地方。

一开始以为是 JS 出错，结果调来调去依然是错误。

刚才把虚拟机上的IE8卸载了，直接返回IE6，一看，才明白，问题出在哪里：css span display block

Menu 里有

<ul class="menu">
<li id="current" class="active item1"><a href="/"><span>Home</span></a></li>
<li class="item3"><span class="separator"><span /></span></li>
。。。。

 .outer .menu ul li{float:left;}

.outer .menu ul li .separator{width:2px;height:58px;display:block;background:url(../images/menu.separator.png) no-repeat center center;}

结果，在IE6下，这个 separator 的表现却不是想像的那样。。。