'overflow-x' issue on a nested in IE

I trying to use 'overflow-x: auto;' for my webpage. I based my work on
a news group sample. On IE, I have a problem and that is as follows.

I am applying 'overflow-x: to <DIV> that is inside the <TABLE>; and in
this case, <DIV> tag stretches beyond the 'browser' window width,
making the 'browser' to show horizontal scroll bar. Thus two
horizontal scroll bars appear and defeat the purpose of 'overflow-x:
auto;' You can see the code and page here.
http://www.asnowfall.com/Photo/dropfog/StartingAtOffset.html


If <DIV> is outer to <TABLE>, I see only one horizontal scroll bar,
which is what I would like see.
http://www.asnowfall.com/Photo/dropfog/StartingAtZero.html

FireFox renders fine and I would like to have this behaviour even in
IE, please help me.


Regards,
Ramesh