Question

I have a div that holds some text, it has a background with a border, but for some reason the box is not expanding to the text, even with overflow: auto; here is my script for the box as well as a picture:

.box { background: #ffdcba; border: 1px solid #f78d25; display: block; clear: both; margin: 4px 0px; padding-left: 15px; overflow: auto; }

the divs inside are just floating, left and right, and have display: inline on them. heres a picture:

http://i45.tinypic.com/2woj1br.gif

Answer 1

A floated box will not expand to fit its contents. You need to add a clearing element after your content. <br> is usually good.