S. Reets wrote: > Gallery and hover images center just fine in Safari and Firefox on both 800 > and 1024 width screens, but in IE the hover image ISN'T centered on 1024 > width (but it is centered on 800 width) > > Any suggestions???? Thank you!!! > This should get you moving in the right direction:
You'll want to run your page through the W3C's page validator (you've misused the ID attribute a couple of times - each id=[value] must be unique to a given page): http://validator.w3.org/ Next, put a width [equal to your widest image + borders + padding = 612] on the div wrapping your full-sized-image-display-area (the first div with id="body") and delete [margin: 0 15px 0 15px;] and [left: 0px; top: 0px;]. From this: <div style="margin-left: auto; margin-right: auto; margin: 0 15px 0 15px; position: relative; width: 96%; z-index: 2; left: 0px; top: 0px; background-color: #050505; margin-top: 15px; margin-bottom: 15px;" id="body" class="style11"> To this: <div style="position:relative; width:612; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; z-index:2; background-color:#050505;" id="body" class="style11"> <http://validator.w3.org/> That should get you centered in IE7. -- ----------------// Shawn Lawler Institute on Community Integration University of Minnesota ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
