CODEWITHSUNDEEP
cssfirefoxcross-browser
d2burke
d2burke

Reputation: 4111

Div not auto-sizing in Firefox

Anyone care to check this page out in any web dev tool (Firebug, IE9, Chrome Dev Tools) and tell me why the #container div would not be auto-sizing in Firefox? There is supposed to be a background shadow, which is visible in most browsers, but not showing up in FF. Thoughts?

http://d2burke.com/hosted/vaacme/

Thanks!

Upvotes: 1

Views: 235

Answers (1)

Yi Jiang
Yi Jiang

Reputation: 50115

Since all elements inside #container are floated, everything inside it is taken out of the normal document flow, and thus it shrinks to nothingness, since it has zero padding and height. To fix this you can either apply: 

#container {
    overflow: hidden;
}

or remove: 

.break {
    float: left;
}

Upvotes: 2

Related Questions