Search code examples
htmlcsscross-browseropera

Opera css bug, web app is displayed incorrectly

I've found out that my web app is displayed incorrectly
in Opera because of the following bug:

#one {
    overflow: hidden;
    position: fixed;
    height: 100px;
    width: 100px;
}
#two {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #ccc;
}

and html:

<div id="one">
    <div id="two"></div>
</div>

instead of occupying the whole view port #two is cut by #one in Opera.
Is there a way to workaround this not affecting other browsers?

Solution

  • This bug is fixed in Opera 11.60, it now behaves exactly like other browsers.

    http://jsfiddle.net/KPeYx/