[Freesteyelz]

You can use the Main CSS but you'll also need to edit the Header and Footer templates. At the very top of your header add this:

<div id="topimg"></div>

In the Additional CSS Definitions in Main CSS add:

#topimg {
  width:100%;
  height:30px;
  margin:0;
  padding:0;
  background:#000000 url(/forum/path_to_image_here/) repeat-x top left;
  }

Change the values of "height" and "background". The height value should be the exact height of the image.

That covers your stretched image at the top. As for the bottom I'm not sure what you mean by "Not in the footer, I'm talking at the very bottom." Since the image will be at the bottom the code will need to be in the Footer template. In any case at the bottom of the Footer template add:

<div id="bottomimg"></div>

In the Additional CSS Definitions in Main CSS add:

#bottomimg {
  width:100%;
  height:30px;
  margin:0;
  padding:0;
  background:#000000 url(/forum/path_to_image_here/) repeat-x top left;
  }

Same as you did with the top image values, change the "height" and "background" values.

I hope this helps. If you need further help just give me a holler.


Edited: I just thought about the bottom image. In the case you want an image that will be positioned at the bottom of the page (stuck) regardless where the footer is on the page then you'll need to use an "absolute" position defined by CSS. If this is what you want let me know and I can help you with the code.