Floating Div's not Clearing headings...

Is this a display glitch or is it meant to be like this...

for example, let's say you have a picture in a div that had text floating to one side. If the text beside the picture doesn't fill the space the heading will be displayed inline beside the floating picture, even if it's in it's own containing div...

EDIT: I've found a general fix for this using <div style="clear:both;"> but it's a PITA, and I think I'm doing something improperly. Maybe I'm misunderstanding the use of a floating frame... but, I can't help but think it's a possible display error with the different browsers

And it should be where? Below the picture? No. floating an element like that is how you get text to word-wrap around a picuture (or whatever element). What you're seeing is correct. And giving the text's div a style of "clear: both" is the correct way to fix it.