Question

Im having headaches by trying to fix a small error that appears only in CHROME.
On the index of my website i have 3 containers with little images,and they appear nice on IE and FF,but on CHROME there’s a displacement of the second container which i dont know how to fix.
This second container is a bit more problematique because it has some mouseover effects with big baloons as tooltips,and if i manage to put all 3 containers in the same line,the tooltips will be displayed only partially.

Please take a look and,if you can,give me few hints.

Thanks in advance.

Answer 1

Your markup is rather schizophrenic. You are attempting to use position:relative; in conjunction with display:inline and float: to position these elements.

Pick one method and use it consistently.

I would recommend floating them, or using display:inline-block;.