Using Javascript and CSS, I am trying to create an animation where a picture (jpg) is displayed by an expanding rectangle from it's center point.

I haven't gotten to the animating part because I can't get the clip and overflow properties to work at all in IE 6 (I'm focusing on one browser for now - I'll work on compability after I've gotten the basics nailed down). By "not working", I mean there is no noticable change to the image when I try to set the clip rectangle in via javascript. (Nor was there any when it set it statically in a stylesheet, for that matter.)

Are overflow/clip supported by IE6? Am I missing some key bit of knowledge about clipping and bounding boxes?

The code is a bit messy right now (as it's under development), but you can look at it here:

http://www.codemastershawn.com/class...4/project4.php

I'm trying to set the clip rectangle in the function clipPicIn().

Thanks,