michael@0: div {
michael@0:   position: absolute;
michael@0: }
michael@0: #bad {
michael@0:   left:220px; top:0px;
michael@0:   z-index: 0;
michael@0: }
michael@0: #good {
michael@0:   left:0px; top:0px;
michael@0:   width:220px; height:220px;
michael@0:   /* Core Animation alpha blending rounding differs
michael@0:      from the Core Graphics blending, adjust with care */
michael@0:   background-color: rgba(0,255,0, 0.51);
michael@0:   z-index: 0;
michael@0: }
michael@0: 
michael@0: #topbar {
michael@0:   left:0px; top:0px;
michael@0:   width:220px; height:20px;
michael@0:   background-color: rgb(0,0,0);
michael@0:   z-index: 2;
michael@0: }
michael@0: #topbar {
michael@0:   left:0px; top:0px;
michael@0:   width:220px; height:20px;
michael@0:   background-color: rgb(0,0,0);
michael@0:   z-index: 2;
michael@0: }
michael@0: #leftbar {
michael@0:   left:0px; top:0px;
michael@0:   width:20px; height:220px;
michael@0:   background-color: rgb(0,0,0);
michael@0:   z-index: 2;
michael@0: }
michael@0: #rightbar {
michael@0:   left:200px; top:0px;
michael@0:   width:20px; height:220px;
michael@0:   background-color: rgb(0,0,0);
michael@0:   z-index: 2;
michael@0: }
michael@0: #bottombar {
michael@0:   left:0px; top:200px;
michael@0:   width:220px; height:20px;
michael@0:   background-color: rgb(0,0,0);
michael@0:   z-index: 2;
michael@0: }
michael@0: 
michael@0: div#plugin {
michael@0:   position: absolute;
michael@0:   left:1px; top:1px;
michael@0:   width:199px; height:199px;
michael@0:   background-color: rgba(0,0,255, 0.2);
michael@0:   z-index: 1;
michael@0: }
michael@0: 
michael@0: embed#plugin {
michael@0:   position: absolute;
michael@0:   left:1px; top:1px;
michael@0:   z-index: 1;
michael@0: }
michael@0: