Chris Akins wrote:
> www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html
> http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html
>
> In IE as soon as I over over any of the links (photo thumbnails or
> text) in the content area, the content all shifts left several
> pixels, but doesn't shift back when the cursor leaves the link.
IE can't determine how to contain those images with margins in an
anchor. It actually get it right the first time, but lose a side-margin
and shifts left when re-rendering is triggered by the first
:hover-action on the page. Once there, it stays there.
There are a few ways to stiffen up IE's backbone and fix the problem,
but for your case/pages I suggest you simply add...
#content a {border: solid 1px #eee!important; margin: -1px;}
...which will stabilize those anchors so they contain image-margins
properly, without expanding the anchors.
Some serious errors in the anchors/images part of the source-code btw...
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.springfieldmo.gov%2FnewSite%2Fsfd%2Fgalleries%2Fphoto1%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.591>
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
