Transparent PNG behind transparent DIVs

[StaceyB]

Hi! In need of some CSS expertise... I have a background image and opaque divs. I am trying to have '#bgGen' show as a background image but in front of '.mybg.jpg'. So, in my html I have the following:

<div id="bgGen">

My CSS is the following:

/* Background image */
body { background-image:url('mybg.jpg');
background-attachment: fixed;
}

/* Middle layer for background-- not working */
#bgGen {
	background-image: url('mymiddlebg.png');
	background-position: center center;
	background-repeat: repeat-y;
}

/* Front Divs with content and opaque background*/
.mycontentdiv {
    background: none repeat scroll 0 0 transparent !important;
}

Hope I explained this correctly... The only way I'm seeing my png is to set the position: absolute but it breaks everything else on the pages.

Any clues?