I have two overlapping divs, one's a smaller square. I want the background of the smaller, lower one to be behind the background of the first one.. but I'm not sure if it's possible, though I don't see why not.
<div id ="content"><p>I am full of content</p></div>
margin: 0 auto;
background: url(layout/header.jpg) center top no-repeat;
background: url(layout/stripes.gif) center top repeat;
margin: 0px auto;
with the z-index that way I'd expect the container background on top of the content background, but that doesn't seem to be the case. Is it because container is content's parent?