Question

I have a div class I named .header with a height of 30px.

Within the .header div I have an image I want to overflow out of it.

The image is 50px tall and it overflows in Chrome and Firefox.

Why does it not overflow in Internet Explorer? The .header div just expands to the 50px so it no longer overflows.

Answer 1

if you want it to work in all browsers you could give the div a background image for example

<div style="background: url(your_image.jpg); background-repeat: no-repeat;" >
</div>

or if you want the content to overflow out of the div try

<div style="overflow: visible;" >
</div>