Absolute ositioning and Iframes

I will do my best to explain. I have a list of text links in an IFRAME, when you hover over the text links a image appears in an absolute position on the iframe page. he image overlaps the background image. When I scroll down the iframe the image is cropped because the absolute positioning moves with the scrolling page in the iframe. :shrug:

I have an idea that might work if when I hover over the links the background fixed image is replaced, how could I do this?

Hope this makes sense, thanks for your help so far!

BODY, HTML { MARGIN: 0px; font-family:courier, "Lucida Console", "Courier New"; font-size:100%; letter-spacing:0.04em; background-image:url(../images/gallery_r5_c1.jpg); background-attachment:fixed; }

DIV#links {
Z-INDEX: 100; LEFT: 250px; WIDTH: 250px; POSITION: absolute; TOP: 0px; HEIGHT: 250px;
}
DIV#links A {
TEXT-DECORATION: none;
display:block;
}
DIV#links A:hover {
color:#CC0000;
font-weight:bold;
text-decoration:line-through;}

DIV#links A IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#links A:hover IMG {
LEFT: -250px; WIDTH: 219px; POSITION: absolute; TOP: 0px; HEIGHT: 250px
}

The HTML of the iframe

Untitled Document

Link 1
Link 2
Link 3
Link 4
Link 5
Link 6
Link 7