Floating Form Elements over a Background Image

Hey folks,
I am looking or a solution to float the elements of a submit form I wanted to have on my blog OVER the background image in my header.
Is there any way to do this? I am assuming the trick involved some CSS or whatnot, but I am a bit confused as to what exactly I should be doing here.

I've made an image to help you see what I am trying to do:
http://i47.tinypic.com/1zz3p76.jpg
[img=http://img697.imageshack.us/img697/9852/exampled.jpg] (http://img697.imageshack.us/i/exampled.jpg/)


Just a note: the header is already coded in css as the background image of a DIV, so I don't think
that excessive splicing & dicing is the right way to do this... er at least it would be a total pain :X

Thanks in advance for your help!

You could apply that image as as a single background image of your form/container. Before that, try to position your input elements and labels. The article at http://www.alistapart.com/articles/prettyaccessibleforms/ might help.

Alright, I got it to work by doing it the painful way... i.e. re-splicing my header and just jamming code into a div. Thanks for the hand abduraooft :rolleyes: