Topic: CSS bug or general weirdness?
I have a container with padding 0px and background #fff. Inside the container is a div with padding 0px and margin 5px. I would expect the inside div to be displayed 5px from the top of the container, but it's not. Here's what firebug shows:
As you can see the margin spils outside the container div (which is the white)
If I give the container a vertical padding, even 1px, the margin is displayed correctly but I end up with the extra padding which I don't want:
This doesn't make any sense to me. Is this a bug or is it deliberate?
* Multiple child models in a dynamic form