Can I hide the element if it doesn't fit the available width using css only?

Question

I have a header and an image that should be horizontally laid out on the absolutely positioned div. I\'m showing the text in the subdiv with the fixed width. I\'m trying to

Answer 1

I've found how this can be done. If I use display:block on the .container and float:left in the inner containers, the image will be wrapped if it doesn't fit the width. And if I use overflow: hidden, the image will be moved under the text and hidden.

Here is the fiddle that proves this trick works: http://jsfiddle.net/8r72g/8/