Hover picture over a scroll box and be able to scroll down

[jonsolo]

Hey guys,

I'm trying to put a picture over a scroll box and have the picture disappear and reveal the scroll box when I put the mouse over it.

I can get the picture over the scroll box and have it hover, but when the picture disappears and shows the scroll box, I cant scroll down on the scroll box.

Heres what I have...

<style>

a.rollover {
text-indent: -9999px ;
text-decoration: none ;
display: block ;
width: 290px ;
height: 240px ;
background: transparent url(http://i285.photobucket.com/albums/ll71/smirk838/warriorsfinal.png)

no-repeat left top ;position:absolute; top:8px; left:13px;

}

a.rollover:hover {
text-indent: 0 ;
background: none ;
}
</style>
<a class="rollover">
</a>

<div style="width: 280px; height: 230px; background-color: white;background-image:url

(http://i285.photobucket.com/albums/ll71/smirk838/240-280-30-2.png);background-repeat:no-repeat

;background-position:center center;family: arial; font-size: 10px; font-weight: bold; text-align:

left; overflow: auto; padding: 4px;"><font color="#1569C7">

<font color="#ff3399"> Marissa: testinggg
<br /></font>
Jon: Hi
<br />
<font color="#ff3399">Marissa: woot
<br /></font>
Jon: Yay it works :DDD
<br />
Jon: blah
<br />
<font color="#ff3399">Marissa: hi
<br /></font>
<font color="#ff3399">Marissa: hello
<br /></font>
Jon: pwnt
<br />
<font color="#ff3399">Marissa: nub
<br /></font>
Jon: pro
<br />
<font color="#ff3399">Marissa: blah
<br /></font>
Jon: hi
<br>
<font color="#ff3399"> Marissa: testinggg
<br /></font>
Jon: Hi
<br />
<font color="#ff3399">Marissa: woot
<br /></font>
Jon: Yay it works :DDD
<br />
Jon: blah
<br />
<font color="#ff3399">Marissa: hi
<br /></font>
<font color="#ff3399">Marissa: hello
<br /></font>
Jon: pwnt
<br />
<font color="#ff3399">Marissa: nub
</div>
</td></tr>

Thanks if you can help! :)