Static Positioned Div with minus Margin display Partially in Firefox

I've designed this page to show a picture gallery with a description for each picture. I use a div with static position and minus left and top margins, so the descript开发者_运维技巧ion is shown on top of the bottom part of the image.

The problem is that if I open the page for the first time with Firefox, the Div displays only partially (only on top of the image part is shown). Only when I click any other album does the div displays correctly.

This is the bad display image

The description div should have been displayed until the bottom of the container div. Try clicking another thumbnail image at the test site page.

This is the test site, to open the page, click the gallery menu, the one on the left bottom with a dog picture.

Has anyone encounter the same problem? Hope someone could help me. Any advice will be welcomed gladly.

Thank you!

Ah, I think I found the answer. I just put '!important' on the height attribute. And then Firefox displays the div fully!

Thank you, I should've thought that.

Use "position: relative" with negative "top" and "left" values.

I guess I've managed to solve the problem. It seems that the div is shown partially to the end of the Image tag just before the div. so then, I wrap the image in another div setting the div's height the same height of the image. I've tried it, and it looks find in FF now.

Thank you.