Hey list, I have a site that is giving me grief. I want to have an image on top of two different background images and I just can't seem to figure it out.
Here are the details... Temp url: http://69.89.31.183/~pixelago/ Image to layer on top: gif image that is transparent and 210x300px My template is in WP and as such is in XHTML/CSS and PHP. I have two different background images being called in the "header" of the page, the top part that holds the navigation/website name and the red one under it. The CSS that is doing this is: #header { float: left; width: 768px; padding-bottom: 8px; background: #FFFFFF; clear: right; background-image: url(images/header-bg.gif); background-repeat: no-repeat; padding-left: 0px; height: 89px; margin-top: 13px; } And the lower one is: #navigation { clear: both; float: left; width: 100%; /*background: url(images/headers/rotate.php) no-repeat 0px 0px;*/ background: url(images/header.gif) no-repeat; height: 220px; } You will see that I have the rotate.php commented out because I was origninally going to have the lower section have the image built into that image, but now I want it to float above both of them. If I can also figure out to have it rotate on page refresh, that will just be bonus. So, I have tried to see where to add what to get this image of a skate sit on the top right third of this page header, and it either breaks the shell or goes behind the header images, but not on top. Z-index and all other things I have found on the web just are not working. I don't know if it because of the PHP or just my lack of understanding CSS... Probobly that one... : ] Thanks for the help and suggestions. Cory ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
