CSS: Opera's bug with the overflow property and the iframe element

CSS: Opera's bug with the overflow property and the iframe element

Opera is not able to set correctly the CSS overflow property on the iframe element.

Opera is not without bugs. One of the most obtuse and irritating bugs of this browser is related to the correct handling of the CSS overflow property when applied to the iframe element. A typical example are the tweet buttons of Twitter. Let's see the details.

Though you can explicitly set overflow: hidden on both the target element and its nearest parent, Opera will always show a scrollbar, thus spoiling your layout:

[caption id="attachment_1891" align="alignnone" width="100%" caption="Opera is not able to handle the CSS overflow property correctly on the iframe element"]Opera: bug with the iframe of the Twitter button[/caption]

As far as I know, there's no clear and easy fix to this problem at the moment. The only relief is knowing that this browser shares about 2% of the browser market, so there's really nothing to worry about it.