Pop Up Info Box Within Table

I'm experimenting with Javascript and I am making a simple site that features a grid of images and when you mouseover (I'll probably change this to mousedown) a pop-up box appears to the right with some info.This works fine when not bound within a table, but as soon as the content is in a table it refuses to move to where the link is. At the bottom of the code is an example of it outside of a table which works fine. I just would really like it to work in a table because of the more rigid structure I get from that, the content is always evenly distributed across the page, no big empty spaces. I also am deliberately trying to make the grid work for all different resolutions which is why every width/height is a %, and am hoping it can work this way too.