Hey, Just redesigning a site of mine and it is being weird in Firefox. BF2142 Badges Any idea's folks?
On a quick look it looks like you haven't cleared the floats, assuming you are on about the fact the background for the main content isnt being stretched? Also I think the contents are overlapping because you have set a height for the awards DIV which is too small , make the height larger or instead change the property from height to min-height. So 1. Try adding overflow: auto; to the article-wrapper or article-content whichever one has the background to it. Then 2. Change height to min-height for the awards class Also another tip instead of having <div class="article-title"><h4>Battlefield 2142 Badges Awards</h4></div>, there is no need to wrap it in a div as instead you could specify this as: .articlewrapper h4 {