[RESOLVED] Header with banner overlay

[Kudose]

'ello all.

CSS is not my thing and I am having a heck of a time figuring this simple task out...

I have a 940 x 200 header image I would like to display a banner (468 x 60) on top of.

<div style="width:940px;">
<img src="./images/norml_banner.gif" style="position:absolute;z-index:1;top:22px;" />
<img src="./images/label.jpg" />
</div>

I can get the image to lay on top of the other, but I can't do absolute X positioning since the layout is centered on the screen.

Could a CSS guru lend a hand?

TIA!

[Kudose]

This may not be correct, but it works in FF3 and IE8 ... 913px width and 22px top margin is needed for my specific design.

<div style="width:940px;">
      <div style="position:absolute;width:913px;z-index:1;top:22px;text-align:right;"><img src="norml_banner.gif" /></div>
      <img src="label.jpg" />
    </div>