Overflow: covertly not working as expected in Google Chrome

Question

I am having a problem with the CSS property "overflow: hidden".

In Firefox, IE8, and Safari 5, when I apply this property to a div that is used to place banner ads (like adense or flash message boards) at the top of my content, there is still some coincidence in Chrome when the window changes to be small enough to collide.

In Firefox and IE8, it works as expected, and everything is completely hidden behind the right sidebar. In Chrome, the actual content is hidden, but it is replaced by a white background that still overlaps and blocks the sidebar.

I contacted a screenshot showing what the problem looks like. Is there anything I can do to fix this ?!

http://tinypic.com/r/259cs95/7

Answer 1

I ran into problems with lower css in chrome. He didn’t work at all.

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

Now I have changed the above CSS as

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

It works great for me.

Answer 2

There are probably some problems with your css or layout.

You can work around the problem by changing the z-index in your sidebar to be larger than the z-index of your ad, which will cause it to display above the addition independently. Make sure you define a value for the line item.