Problem z opacity i float w przeglądarce opera, Zadanie dla masta od opery Opcje

[Pilsener]

Mam dość ciekawy problem, otóż taki sobie powiedzmy kodzik:

Kod

<style type="text/css">

body {background: khaki;}

#abc {
width: 400px;
background: green;
opacity: 0.75;
}

big {
display: block;
float: left;
font-size: 300%;
background: yellow;
}
</style>

<div id="abc">
<p>
<big>P</big>
osuere. Quisque urna. Cras ut wisi. Phasellus dignissim. Pellentesque habitant morbi tristique bibendum, urna nec dui. Morbi egestas, justo arcu, pellentesque sagittis porttitor. Nulla semper. Morbi felis ut augue. Praesent elit laoreet enim. Maecenas pellentesque eget, condimentum faucibus arcu vitae wisi augue sit amet sagittis libero. Aliquam eleifend, ligula. Nulla.
</p>
</div>

Niby wszystko jest ok, ale:

1. Warstwy mieszają się (zielony z żółtym), ale tylko dla elementów liniowych! (stąd display:block musiałem dać)
2. Kiedy dodam float:left warstwy znowu się mieszają, niezaleznie od tego, czy dałem display:block czy nie

Ratunku!

[Pilsener]

To, że jest dziedziczone, nie tłumaczy zachowania opery.

Podobnie jeśli mam:

Kod

<div id="glowny">
   <div id="lewy"></div>
   <div id="prawy"></div>
   <div id="srodek"></div>
</div>

I nadam opacity divovi głównemu, to divy nakładają się, ale tylko częściowo! (trzeba się nakombinować z ujemnymi marginesami, żeby było dobrze)

Po prostu opera głupieje widząc opacity i tyle...