[SOLVED] hovering make images displacement in IE

[chris..]

Hi, I've some problems in IE 6 (Could someone kill Bill ?) for this 1.0.2 CMS site : http://test.thuyphap.be.

case 1 : images are not in their right place and when I'm hovering some links they do (http://test.thuyphap.be/acceuil/)
case 2 : images are in their right place and when I'm hovering some links they displace (http://test.thuyphap.be/infos)

Some idea(s) ? I've almost leave css by default.

[chris..]

I had time to make some tests :

Same problems with absolute default layout, only when images are align="left" or style="float:left;" and displacement is proportionnal to pagewarper margins (when I resize and reload page, displacement is smaller).

And the problem exists with tables too : in fact not the same problems. Layout is OK when page is loaded but when I hover a link, the table move downside.

A clue anyone ?

[Der Rudi]

sounds like the 3px IE jog bug. If you google you should find a solution to test.
Hope this helped.

[chris..]

Great thanx !!!!
It was absolutely not the good answer, but you made me dive deep inside the CSS and I found a solution :

div#main{
  margin-left:29%;
  margin-right:2%;
}
The 29% was applied to the image after the left menu (29% for the main block plus 29% for the image)
And I think the 2% right margin was applied to the 100% table which was then pushed after the left menu.

So my solution : pixelize #sidebar and margins in #main.

P.S: Let me kill Bill by myself..