Thread:Project:Support desk/Image inside a table - How to Absolute Positioning it outside the table?

In a cell inside a table I have this code to show a small image: 

In MediaWiki:Common.css I have the following so that when you rollover the small image, a different image appears which is much larger (it is not the same image as before). However it appears in the table even though I have absolutely positioned it so it should appear at the top left of the page:

.Raw1996:hover { display: block; position:absolute; top: 1em; left: 1em; width: 800px; height: 437px; background-image: url('http://imageshack.us/a/img442/2829/raw1996dvdcompleteseaso.jpg') }

How can I get the rollover image to display in the top left of the page?