Css rich:IE8中重复的编辑器按钮组件

我是一名前端web开发人员，目前正在从事一个使用RichFaces的项目。正在使用的组件之一是文本编辑器，如下面的代码块所示：

我遇到的问题是IE8。出于某种原因，前景色和背景色组件是垂直重复的，这在IE7、Firefox或Chrome中是不可能发生的。请参见下面的屏幕截图：

---

这是怎么造成的，我该如何解决呢？

我不知道这个东西生成了什么HTML/JS以及它接受了什么属性，但我发现那些

，|，

很可疑。这些不应该只是

|

？我还认为问题更多地与生成的JS代码有关，而不是与生成的CSS代码有关。@BalusC不幸的是，我对组件所需的语法不够熟悉。这些标记是由在后端工作的开发人员完成的。我确实尝试了

，|，

的各种变体，但如果没有

，

这两种变体，前景色和后景色组件都不会呈现。@BalusC至于生成的是什么HTML/JS，它相当复杂。基本上，它创建了一个包含更多div和span的容器以及一个表。表格变得更加复杂，表格单元格中有div，还有更多的表格……等等。这是非常混乱的，哈哈。至于JS，我不确定。如果问题确实存在于生成的JS代码中，我想其他人在使用richfaces编辑器时也会看到同样的问题。另外，由于JS是在浏览器中呈现元素时生成的，因此它更像是一个CSS问题，某些特定的CSS属性面生成不适用于IE8并导致了问题……也许。思想？