why would text content of a fixed height div with a background image push the background image down and make the div higher?
In the following, without the "overflow:hidden;" the div draws with a height > 180px. And the background image starts lower vertically than it does when there is not <h1> text content or when overflow:hidden. Also, when I put a border around the div ( border: 1px solid black ), the background image snaps back up to the top, with the <h1> text overlaying it as I want it to.
<div style="background-image:url('images/green city header.png'); background-repeat:no-repeat; background-position:left bottom; height: 180px;"><h1>efg</h1></div>
The text content is not overflowing. And even if it did, why would overflow text increase the height of a container?Same behavior in IE8 and Chrome.
View Complete Post