Hi there, I am having some difficulty stacking elements with the z-index.
I have a content area that has a border that must be several image. So div 2 is the top of the border. Div 3 is the strechable area of the border, and contains my #content div. Div 5 is the bottom part of the border. I use negative margins to put div 3 into the right area. I want div 2 and 4 to overlap over div 3. But I want the content in div 4 (which is within div 3) to go above everything.
Any suggestions?
HTML:
[CODE]<div 1>
<div 2/>
<div 3>
<div 4/>
</div 3>
<div 5/>
</div 1>
CSS:
[CODE]#div 1 { z-index: 20 }
#div 2 { z-index: 30 }
#div 3 { z-index: 25 }
#div 4 { z-index: 100 }
#div 5 { z-index: 30 }