I recently setup a flash gallery object that looked great in Firefox, but in IE 7.0 it wanted to be left justified. After trying many different options from several forums, I found a very simple solution:
I added “position=relative” to the CSS and then placed the gallery div inside another div with align=”center” code as shown below. Note: I first tried adding align=”center” to the gallery div, but that didn’t work. To see the gallery live click here.
CSS:
div#gallery {
position: relative; (added)
width: 800px;
height: 690px;
margin-left: auto;
margin-right: auto;
}
HTML:
<div align=”center”> (added)
<div id=”gallery”>
<object ……
</object>
</div>
</div> (added)