HTML Page (ForuMania) help

For the past 10 minutes, I've been scripting my own HTML page, and so far so good- I didn't need any tutorials or anything. Now, I need a little assistance. It's hard to explain what I need, but I want to have an image positioned on the page to where if you scroll, the image scrolls with you as well. So basically, it's just like having a layer over the page where it's just the image positioned in the corner. Do you know what I'm getting it?
Okay, to be more precise, http://www.forumansion.com/Mania-v20-h9.htm
You can view the source on that page.

I don't want the image div aligned or positioned, I just want it to floats along whilst you scroll the page (so if you scroll the page, the positioned image will scroll down along with you.) Thanks.

Not possible without javascript.
Only HTML won't be able to do it.

Well, I don't know if it takes JS for something that simple, but still... do you know what the code for that would be?

HTML/CSS can't make any dynamic content.
You need to use JS.

I don't know how exactly it can be done.

Well, a graphic designer (TanMan) on my forum did it with HTML in just a post.
http://www.forumansion.com/archive-f84/best-html-script-contest-t1023.htm
^ Scroll down to the bottom of the post and you'll see the code.

Oh! Thats not any dynamic content
The container has a fixed position, thats it.

You can do it with CSS positioning.
Tell me what image you want on your page to scroll and where you want to put it.
I'll give you the code

Haha, told ya.
I was going to have a sidebar navigation bar on the right, center side of the HTML page.

Navigation bar? You mean linked images?
Please give me urls of images.

I haven't made them yet. I can place them in the code once you script it. I'll need 5 images to scroll.

Ok, I am working on it.

Alright thanks, man. Can't wait to see it.

So, finally I've made it.
Here is the code...

Code:

<div style="position:fixed; top:0; right:0; margin-top:100px; z-index:200; border:1px solid #999999; padding:5px 0 5px 5px;">
<a href="http://discussionz.ace.st/"><img src="http://2img.net/i/fa/fdf/voix.png"></a><br>
<a href="http://discussionz.ace.st/"><img src="http://2img.net/i/fa/fdf/voix.png"></a><br>
<a href="http://discussionz.ace.st/"><img src="http://2img.net/i/fa/fdf/voix.png"></a><br>
<a href="http://discussionz.ace.st/"><img src="http://2img.net/i/fa/fdf/voix.png"></a><br>
<a href="http://discussionz.ace.st/"><img src="http://2img.net/i/fa/fdf/voix.png">
</div>

Here is the Preview

Oh god, thanks so much! It's brilliant, and I'll remove the border.
Thanks!

No problem mate.
Glad to help you..

I advice you not to make much changes in positions and margin-padding etc.
It may mess up the look.

Hm, I put the code in the HTML page, but it doesn't work:
http://www.forumansion.com/Mania-v20-h9.htm

It works for me....check again.

It doesn't work for me... it just shows them sitting there at the bottom left of the page.

It works fine in my browser.
Do you use Internet Explorer?

I used both IE8 and my default browser, and it doesn't appear to show up.

Try firefox or opera and check if it works.
IE always has problems with CSS positioning.

EDIT :
I've checked it in IE and I'll try to fix the problem.
I need some time to do it.

Alright, I'll wait until you have it fixed, thanks.

Hi guys... Cool ideas Rok.

I can help with this...

Pages with various options

*ForumMania page 1 with Fixed vertical navbar, favicon & background color option.

Spoiler:

*ForumMania version 2 (added fixed background image)

Spoiler:

*ForumMania version 3 with Dock Content script (follows/scrolls down the page)

Spoiler:

Thanks, but they still won't work on my browser. I have no clue what's going on.
And it'd take forever to download Firefox because we have Dial-up, and we can't get DSL where we live (I don't know why.)

I don't know what's going on and why it won't work.

Oh no...

Do the page codes above work in this *online editor?

Nope, it doesn't work for the Online Editor either. TanMan said something about having this tag:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I just tested that transitional code and it worked. Thanks for the support you guys gave!