On the .box in the bottom right, Im trying to place the picture (of the stick figures in a circle) behind a <h2> So I tried to position its container relatively so I could absolutely position the image to give it a negative z-index.How can this be done?http://fixmysite.us/menu.php

thx

sdleihssirhc
—
2011-10-28T21:22:35Z —
#2

Which image? I didn't see any stick figures on the page you linked to.

Also, I might not understand the issue, but can you just use a background image instead of an inline <img> element?

sdt76
—
2011-10-28T21:25:20Z —
#3

Why not just take out the z-index and place the H2 within the SPAN that has the background image? Then the H2 naturally sits on top of the image.

system
—
2011-10-28T22:35:32Z —
#4

sdt76 said:

Why not just take out the z-index and place the H2 within the SPAN that has the background image? Then the H2 naturally sits on top of the image.

I don't think it's valid html to place a block level element inside an inline element

sdt76
—
2011-10-28T22:43:44Z —
#5

Then why not change SPAN to DIV?

sdt76
—
2011-10-28T22:45:25Z —
#6

In fact with CSS 3, he wouldn't need to even have the extra span or div, just add a second background to .box. But, of course ie8- would be non compliant.

system
—
2011-10-28T22:50:51Z —
#7

sdt76 said:

Then why not change SPAN to DIV?

No idea!

In my FF7 I don't see the stick figure and circle the op mentioned.

sdt76
—
2011-10-28T23:00:51Z —
#8

That's because the z-index is set to -100 or something like that. It's sitting under that lower left hand box.

PaulOB
—
2011-10-29T14:07:31Z —
#9

I couldn't find the stick figure either but those h2 bowes are in need of renovation as you can't place an h2 inside a span as already mentioned. You can do it much more simply like this: