Search code examples
htmlcssconcrete5

Firefox renders CSS incorrectly (spacing varies)


Currently I am using Concrete5 to build a website, located here: http://tinyurl.com/cee5rvo

Firefox pushes the header (navigation and h1 tag) down on certain pages (such as Gallery) and I have no idea why.

Chrome and IE10 both display correctly.

Thanks for any help.


Solution

  • The best way to handle this is to add a line to your #content div.

    #content {
        overflow: hidden;
        width: 800px;
    }
    

    The overflow hidden will clear the floats and stop the undesired effect of pushing the content down.