html - 2 div 的位置不适用于 firefox

Question

我的网站有问题，我有内容容器，左边是照片，右边是产品描述。在 Chrome 上它运行良好，但在 Mozilla FF 上没有。我不知道可能出了什么问题。任何人都可以帮助我吗？

http://jsfiddle.net/PPjQj/

                <div class="product-photos">
                    <img src="images/product.png" class="product" alt="product">
                    <img src="images/product-min.png" alt="product-min"/>
                    <img src="images/product-min.png" alt="product-min" style="margin-left: 26px;"/>
                    <img src="images/product-min.png" alt="product-min" style="float:right;"/>
                </div>
                <div class="about-prod">
                    <div class="product-info">
                    <span class="title"> Informacje: </span>
                        <p class="info-details">Producent: <span class="info-details">KUBOLEK</span><br>
                        Kod produktu: <span class="info-details">KUB/123/OL/3/K</span><br>
                        Dostępność towaru: <span class="info-details dost">dostępny</span></p>
                    </div>

Answer 1

显示:内联 block ；像这样改变:

 .product-photos{
    width: 319px;
    height: 315px;
    margin-left: 212px;
    display: block;
    position: absolute;
    margin-top: 85px;
     }