How to implement

I want to put a context specific (Tools!) and help (More!) menu inside
the content of a page.

I would like a simple rollover link that will show the menu on the
right side of the page within the viewport that contains the link.

In other words, I want the menu always available and viewable, no
matter where the user is on the page. It can be clicked off, if user
does not need it.

So I could put the link at the top, middle, and bottom, of the page,
or use position: fixed so that it is always on the screen.

Fixed does not work in IE

Using either a css, html include, or php require (what I have tried so
far), I end up with basically 3 different id'd divs that contain the
same thing or 3 different files to be included (class in each postions
the show div top middle bottom and allows for hide of each.)

this best seen rather than described
3 of my attempts, last two are valid css and html

css (not valid html because of another element)
http://www.sturgood.com/demos/new_index_1b.html

position fixed (use firefox, ie is a disaster)
http://www.sturgood.com/demos/new_index_1c.html

includes
http://www.sturgood.com/demos/new_index_1d1.shtml

But we are starting to get a lot of overhead here, so thought I would
stop and ask:

Site design questions

Do any of these attempts have a dog in this hunt?
Am I making this too complicated?
What is the best way to implement this?
or
How would others do this?

more specifically,
Can it be done with 1 div or 1 file?

(It is a new design for this project site
http://www.sturgood.com/dna/result/index.html
which requires tables, calculators, graphs, terms, to be accessible
to people not real familiar with DNA testing, and/or even scared of
it.)


thanks
johnSteve