Adding a fixed image into CSS?

I have an image that is fixed on the bottom right side of my site that is beneath the forum itself but above the background (using z-index and placed within a widget). Because it's currently placed in a widget, as mentioned above, and I'm not too fond of that because all widgets disappear when viewing a profile, I'd like to know:

Is there a way I can add this image and its properties to my CSS sheet?

Bump~

Yeah, just make a CSS rule with it.

[Link Removed by Poster]

The yellow-haired character at the bottom left.

It's in a widget and I'd like for it to be in the CSS instead.

I see where you're coming at now, as you don't have templates.
You'll need to use javascript for it, lol.

Code:


var derp = document.createElement('yellow-guy');
derp.innerHTML = "<img src="http://i.imgur.com/6eoSt.png" style="position:relative;top:50px;float:left;">;
document.getElementById('body').appendChild(derp);

I haven't tried it on any forum version, so it's guess work

Solved.

Thank you both!

EDIT: What I did instead, that I should have done before (don't know why I didn't) was I made an ID in the CSS as:

Code:

#backgroundimg {
z-index: -999;
position: fixed;
bottom: 0px;
left: 0px;
}

Then in the site description, I added in:

Code:

<div id=backgroundimg><img src=http://i.imgur.com/6eoSt.png></div>

WYHAT THE HELL

ewww its gay