Internet explorer IE不'；t在同一页上正确显示同一代码两次

好了，开始了。我有一段代码，可以自己重复两次。但它显示的内容不同，它在同一页上。我已经检查过所有的东西都是一样的，html和CSS。我真的不知道该怎么办。此代码是joomla模块的一部分。我必须注意，这不是我的代码！！！但我必须这么做

    <div class="user123content">
 <div class="firstDiv">
            <div class="secondDiv">

                <div class="thirdDiv">
                    <div style="float: left; width: 171px; text-align: center;"> 
                        <div>
                            <span style="font-weight: bold;">Product</span>
                            <br>
                            <br>
                            <a href="#">
                                <img height="150" border="0" width="116" alt="Product des" src="img.jpg"></a>
                                <br>
                        </div>
                        <span class="productPrice">
                                111 $ 
                        </span>
                        <br>
                        <span></span>
                    </div>
                </div>

                <div class="thirdDiv">
                    <div style="float: left; width: 171px; text-align: center;"> 
                        <div>
                            <span style="font-weight: bold;">Product</span>
                            <br>
                            <br>
                            <a href="#">
                                <img height="150" border="0" width="116" alt="Product des" src="img.jpg"></a>
                                <br>
                        </div>
                        <span class="productPrice">
                                111 $ 
                        </span>
                        <br>
                        <span></span>
                    </div>
                </div>

                <div class="thirdDiv">
                    <div style="float: left; width: 171px; text-align: center;"> 
                        <div>
                            <span style="font-weight: bold;">Product</span>
                            <br>
                            <br>
                            <a href="#">
                                <img height="150" border="0" width="116" alt="Product des" src="img.jpg"></a>
                                <br>
                        </div>
                        <span class="productPrice">
                                111 $ 
                        </span>
                        <br>
                        <span></span>
                    </div>
                </div>

            </div>
        </div>
    </div>

---

包含所有550像素宽的div使用FireBug找出原因

也许第二次嵌套在另一个div中时，会出现如下样式：

.otherDiv .thirdDiv {
    width: 300px; /* override width */
}

---

我复制了你的代码并在本地进行了测试，没有问题。所有三个框水平平铺显示。我会再次检查，你的css规则没有干扰任何前bluilt Joomla规则或其他方式。。。我在5种不同的浏览器（ie8、chrome、ff、opera、safari）上进行了测试，结果都是一样的

原来是这样的，非常感谢。令人惊讶的是，它为IE提供了特殊的css，这就是为什么它在其他浏览器中看起来很好，而不是在IE中。没问题。请确保通过“勾选”将其标记为已接受的答案，以供其他人查看。

.otherDiv .thirdDiv {
    width: 300px; /* override width */
}