Overflow:hidden not working as expected in Google Chrome

Question

I\'m having a problem with the \"overflow: hidden\" CSS property.

In Firefox, IE8 and Safari 5 when I apply this property to a div that is used for containing ad ban

Answer 1

Likely there is some issue with your css or layout.

You could sidestep the issue by changing the z-index on your sidebar to be greater than the z-index of your ad, this would cause it to render above the add regardless. Make sure you define some value for position.

Answer 2

I was facing problems with the below css in chrome. It was not working at all.

div.hidden {
    margin:0px 0px 10px 0px;
    overflow-y:hidden;
}

Now, I changed the above CSS as,

div.hidden {
    margin:0px 0px 10px 0px;
    overflow-y:hidden;
    position:relative;
}

It works fine for me.