I did a test page to see if the png file would layer on the main banner on this page
but it didn't. I know with css you can position an image negatively, but I don't know how to do that without messing up the php layout. I just want the fire .png image to layer continuously (and with the feather I created) so that regardless of the monitor, the fire will be there.
I don't think that you'll ever get that background fire image to repeat the way that you want it to.
The only way around it that I can see would be to make the background image longer than you need and have no repeat and position it precisely to fit the HTML image.