Question

I have a container with a height of 100% so the height will be dynamically changed to text inside the container.

anyway, the container have a background with a custom image (using background-image).

now, when I create a < div id=blabla” > with { float:left; width: 100px; height:100%; }, the background which defined in my container doesnt show on the div.

but if I remove the float:left, the background does shows up

any ideas what the problem could be ?

Answer 1

To fix this, add the following as you mention to the container element.

overflow: hidden;

If you are still seeing this issue in IE6/7, you will need to enforce hasLayout, this is done by adding this to the container element.

zoom: 1;

Hope the IE6/7 addition helps you out.