Javascript+CSS resizing question

http://www.isurf.net.au/newsitetest/test.htm

click anywhere on the grey section that contains the text “CLICK ME”

A panel will open up vertically then horizontally, revealing 3 divs inside it with headers+text in each div.

Both on IE and Ffox - the first div (DIALUP CASUAL) appears correctly. The parent div reveals its text like a mask in flash.

So far so good.

But then the next 2 info divs just appear when theres enough room in an instant, instead of masking in like the first one.

I have a feeling this has something to do with overflow: hidden i have set on the parent div…

anyone have any idea how to make the div open up so all child divs and their contents get gradually revealed?

[whisper]ignore the messiness of the javascript functions im still learning so will go back later and re-write the functions so they are more re-usable and flexible[/whisper]