Hi -

I'm designing a new web site for my research lab and have a problem that has been vexing me for 3 days. We have a member directory, and the goal is to have an image of the member be displayed whenever their name is moused over. There is a blue sidebar (table cell) on the right side of the screen where each image appears in the exact same location. This part actually works.

The problem is, when the image appears, the table cell expands by a few pixels. This is despite the fact that the table cell is twice as wide as the image. There is no border, padding, etc. I have tried all kinds of CSS fixes with no luck. One thing I don't want to do is make the table cell bigger...I would rather make it smaller. (Also, I realize using tables for layout is a thing of the past, but could not get a consistent cross-brower design working with only divs.)

Does anyone have any idea what the problem is? The page is available at:
http://www.img.ufl.edu/new/memberdisp.php

Only the three links (show 1,2,etc) at the top are designed to work with the appearing image at this time.

Thanks,
Matt

In which browser/platform do you see that? I see a space on the right of each of the images/div, using Safari on Mac.

BTW, you have a few HTML errors (http://htmlhelp.com/tools/validator/).

I'm seeing the problem in IE 6 and FF 1.5 for Windows XP.

I'll correct the validation errors.

Thanks,
-Matt