What's up, folks?

So here I am, trying to find my way through the Wiki, FAQ's, and posts to learn enough about the template override system to do some damage...and I've run up on a question I hope someone can answer.

The site design I've worked out for my site involves a header that overlaps the display of products on the main page. Here's a site comp for you to look at:




On subsequent pages (product, etc), the logo should overlap the 'background speech blurbs' a little bit (the tan part of the image above)...but not necessarily the images.

With a normal HTML/CSS site, I've been able to accomplish this with no problems...using CSS, I held the logo (a transparent .GIF) in place via absolute positioning, and gave it a relatively high z-index, which places it on top of the other product images & background images.

In theory, it seems to me that this same technique should work through the CSS with Zen Cart...but given that a) the header is held in a separate php file from the bulk of the main content, and b) the images for the shirts will be pulled up as dynamic content, it seems like there could be some roadblocks along the way that I just don't know enough to watch out for (for example, does the html_header.php file set a limit on how many pixels the header can be?).

This is why I wanted to post this message and see if some of you more experienced types could verify for me that 'it can be done.'

Thanks so much for your thoughts - if it does look like it's going to be kinda crazy-difficult to do, any & all 'pointing-in-the-right-direction' -type comments would be most appreciated. I've never even messed with PHP...so I'm prepping for a steep learning curve.

Thanks again,

Kipp