TIMELINE. Timeline display problems on IE with full CSS websites

[GoogleCodeExporter]

I had problems displaying correctly the Timeline on IE and after hours of
searching I found out the issues :
My website is a full css website, which means that the timeline container
inherits some properties from it's parent containers.

Scrolling the timeline creates display problems :

Make sure that timeline parent container has it's text-align set to left
.timeline-default{
[...]
 text-align : left;
[...]
}
Might help to resolve odd display problems on IE.

The popup bubble does not appear where expected on IE :

I'm using the unfamous IE Hack that allows to set a min-width to my
websites pages : (with negative margins and borders...).
Thats because when the ajax utility used by the timeline fetches de dom
elements it gets strange values from the two IE hack div's.
Here's a partial solution : (line 45 of dom.js)

(exclusion of the ie hack divs from the dom tree)

while (elmt != null) {
if(elmt.className!='thispageforie'&&elmt.className!='mypage'){
left += elmt.offsetLeft;
}
        top += elmt.offsetTop;
        elmt = elmt.offsetParent;
     }
    return { left: left, top: top };

That's not a very pretty solution but it works.
Hope that helps.

Win XP, Apache 2.2.4, Php 5.2.3 

[Submitted by Sami Radi on simile.mit.edu] 

Original issue reported on code.google.com by GabrielR...@googlemail.com on 8 Apr 2009 at 7:20