Position different between browsers.

http://www.pamafurn.com/pama08/cat08.html

The thumbnail and label is centered in IE, which is where I want it.
But in Safari its lower, causing some labels to run lower than I want.

If you have both browsers/OS's can you see what I mean, and any advice.
Is there a CSS for positioning elements consistently across platforms.
I have a lot of thumbnail images that I have to fix. I want to do it right the first time.

Thanks.

.thumb {
position:relative;
top:100px
}

This is what I found at W3C..I will try it.

Sorry, Rick, no safari for me
Let us know if that fixes things!

The way I created the site this style apparently is conflicting with other styles I am using. It throws elements around.

The simple linebreak works for me in this situation. I will setup my styles a bit better next time. I got too hasty with the design.

The position:relative did work on one of the elements, but as I applied it to additional thumbnails they started moving around.

W3C did not have safari listed as a supported browser for position. Is safari listed anywhere as being supported?
As a general rule of thumb, what do most designers design for, IE, or others? What determines that factor? I assume most visitors use IE.
My client wants me to design for IE visitors. But i will try to make Safari version look as similar as possible.

In all honesty the best method for a thumb gallery would be an unordered list. then you target the li and li a accordingly and style it up.

__________________