Here is the <div> code in question: it contains a spry detail and master image regions. The images are positioned the way I want in IE6 (they appear centered and on screen). When I preview in firefox/navigator, the images are displayed way to the right, almost off-screen. I tried using position:absolute; top:***px; right:***px; but it doesnt help. Is there a way to fix the layout in firefox?
Sorry not played with adobes spry framework, but if I strip out the spry stuff and use just the basic html + css you posted, then in FF2 the two images are centered in IE6 they are about 200px from the left of the window and in IE7 the are centered but overlap.
And I dont have a clue which one is supposed to look right ;)