IE не отображает правильно один и тот же код на одной странице дважды

Question

Ладно, вот и все.У меня есть блок кода, который повторяется сам дважды.Но это не отображает то же самое, это на той же странице.Я проверил все то же самое 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>

и CSS:

    .thirdDiv {
 float: left;
 width: 176px;
 height: 240px;
    }

div, содержащий все, что имеет ширину 550 пикселей

Answer 1

Я скопировал ваш код и протестировал его локально, проблем не было. Все три поля отображаются горизонтально. Я бы дважды проверил, что ни одно из ваших css-правил не мешает ни одному из предустановленных правил Joomla или наоборот ... Я тестировал на 5 разных браузерах (т.е. 8, chrome, ff, opera, safari) с тем же результат для каждого.

Answer 2

Используйте FireBug, чтобы узнать почему.

Возможно, во второй раз он вложен в другой div и существует такой стиль:

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