Hi all! I really need some quick help if possible. It seems that my theme is displaying interactive widgets and banners containing multiple images wrongly. For example you can check the two widgets displayed on the sidebars at ladiesgadgets.com . They are displayed correctly in Internet Explorer but things go wrong in Firefox and I have no idea why. I believe it's a CSS issue and this is the code of the two sidebars (sidebar_left and sidebar2): #sidebar {float:right;width:550px;} #sidebar_left {float:left;width:300px;margin:0px auto;color:#e82c2b;} .boxtop{height:15px;background:url(images/boxtop.jpg) no-repeat;} .box{background:url(images/box.jpg) no-repeat bottom left;color:#5b5b5b;padding:0 10px 15px;margin:0 0 10px;} .box h2{margin:0 0 0 10px;} #sidebar_left ul{padding:0.1em;margin:1.5em 10px;width:260px;border-top:1px solid #ececec;background:#f7f7f7;color:#2b2b2b;} #sidebar_left ul li,#sidebar2 ul li{border-bottom:1px solid #ececec;list-style-type:none;margin:0;padding:0.3em;} #sidebar_left a,#sidebar2 a {color:#2b2b2b;text-decoration:none;} #sidebar_left a:hover,#sidebar2 a:hover{color:#e82c2b;} #sidebar2{float:right;width:200px;color:#e82c2b;margin:0px auto;} .boxtop2{height:14px;background:url(images/boxtop2.jpg) no-repeat;} .box2{background:url(images/box2.jpg) no-repeat bottom left;color:#5b5b5b;padding:0 10px 15px;margin:0 0 10px;} .box2 h2{margin:0 0 0 5px;} #sidebar2 ul{padding:0.1em;margin:1.5em 2px;width:175px;border-top:1px solid #ececec;background:#F7F7F7;color:#2b2b2b;} I tried everything I've found on the Internet yesterday and today morning but nothing helped.