I am trying to align some divs a certain way. To help debug what’s happening, I decided to add borders to the divs to research how they were getting positioned. But the border looks pretty strange.
Here’s the html:

Here’s the CSS:

And here’s the result:

What am I doing wrong? Thanks!
It isn’t funny (!!). The div appears to have
0height, hence the top and bottom borders are touching each other, creating a funny (??) appearance.The div appears to contain content but the content is probably floated or absolutely positioned, therefore it does not stretch the funny (!?) div vertically.
demo here