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!

[barat]

Może po prostu odpuść sobie przezroczystość - używaj po prostu obrazków ?

Bo z tego co właśnie poczytałem to przezroczystość aplikowana jest do całej warstwy, łącznie z tym co się w niej znajduje.
Przed chwilą zobaczyłem, że nawet ignoruje Float czyli jakby "wyjęcie" jej z tego obiegu ...
Strasznie kłopotliwe ...
Zresztą - to tylko dla firefoxa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) w IE 6.0 nie działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)