Firefox 5 & IE9 Bug?!

[ IQooLogic @ 13.07.2011. 02:45 ] @

Radeci danas sliderGallery (nije koriscen nikakav plugin za jQuery - kod je moj) da pomera jednu sliku na svaki klik ukapirao sam da FF5 i IE9 imaju isti bug, bar mislim da je bug.

Problem se javlja kod div.pic jer FF i IE iz nekog razloga kodaju margin-right od 4px. U Chrome , Safari i Operi sve je ok. Zna li neko zasto se to desava i ima li neki workaround, a da nije na foru >

Code:

    if($.browser.mozilla)
    {
        $("div.pic").css({ "margin-right" : "-4px" });
    }

Galerija

HTML

Code:

                <div id="slider-gallery">
                    <a href="#" class="prev"></a>
                    <div id="images-list">
                        <ul>
                            <li>
                                <div class="pic">
                                    <img alt="" src="images/pic.jpg">
                                    <p>attractions 1</p>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <img alt="" src="images/pic.jpg">
                                    <p>attractions 2</p>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <img alt="" src="images/pic.jpg">
                                    <p>attractions 3</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <a href="#" class="next"></a>
                </div>

CSS

Code:

div#slider-gallery{
display:table;
width:532px;
height:140px;
}
div#slider-gallery .prev, div#slider-gallery .next, div#images-list{
float:left;
}
div#slider-gallery .prev, div#slider-gallery .next{
width:14px;
height:27px;
display:block;
margin-top:52px;
}
div#slider-gallery .prev{
background:url(../images/prev.png) no-repeat;
}
div#slider-gallery .next{
background:url(../images/next.png) no-repeat;
}
div#images-list{
height:140px;
overflow:hidden;
position:relative;
width:495px;
}
div#images-list ul{
white-space:nowrap;
overflow:none;
height:140px;
position:absolute;
list-style:none;
padding:0;
margin:0;
display:table;
}
div#images-list ul li{
display:inline-block;
padding:0 5px;
}
div.pic{
width:155px;
height:140px;
display:block;
position:relative;
}
div.pic p{
position:absolute;
bottom:0px;
background:rgba(0,0,0,0.7);
font-size:14px;
font-weight:bold;
color:#fff;
width:135px;
padding:7px 10px;
}