I'm having trouble creating a good layout using css. I've used it quite a bit but I still think I'm a newbie so this might seem a bit silly to some.
The problem is I want to create an image gallery, each item is inside a containing div, each gallery image is contained inside this with its own div and a div below containing text. I want this to give me a fixed height for the whole box so the page looks uniform (like a table) and the text below the image always appears in the same place. This works fine in IE but mozilla is broken (I'm sure its the other way round but not to worry). It seems so simple. If it had been done in tables I would have finished ages ago but it seems css wants to hurt me
The image in mozilla seems to float above the div (I dont have any float elements set) The div doesnt want to stretch to fill for its contents. Where am I going wrong - have I missed something major? can it be fixed at all? am I just stupid? its driving me nuts!
If I set the height I'm losing the option to make it bigger depending on the size of the image. Is there anything that can be done?