overflow:hidden in IE/FF

[tgunda]

If a <div style="overflow:hidden"> (broad image) </div> structure is embedded into a table, it works fine in Firefox, when the width of the browser window is changed. Only the appropriate part of the image can be seen in the middle column. But in IE this stuff does not work. IE specific bug?

see at:
http://web.interware.hu/frenzy/myst_v/proba.htm

source:

<table cellspacing="0" cellpadding="0" border="1" width="98%" >
<tr>
<td><img src="_tst.jpg" width="160" height="192" border="0" ></td>
<td>
<div style="overflow:hidden">
<img src="todelmer6.jpg" width="1152" height="192" border="0" >
</div>
</td>
<td><img src="_tst.jpg" width="160" height="192" border="0" ></td>
</tr>
</table>

[David Harrison]

Well I do have to wonder why you're using tables. I've attached a CSS based version.

Also, there is a slight problem with your header, take a look at the attached image to see what I mean.

[tgunda]

Thanks, I realized later, too, that the middle image should be used as a background image. Why tables are used? The concept is that there is a border around and the text is between mixed with a few oversized images. See at
http://web.interware.hu/frenzy/myst_v/myst_vw.htm
which is walkthrough.
By the way, thanks for the screen shot. I see now that there is a small glitch when the resolution width is as high as 1600px.

[David Harrison]

I still don't understand why tables are needed, CSS can do that absolutely no problem.