Table Problems with Images in IE - Auto Overspacing

[mathewchan]

Strange things happened to tables with images in side. Whenever I insert a new product or a new page with a table and images inside, the table width just goes all the way sideways exceeding the screen resolution.

It just happens in Internet Explorer

Here's the example:

http://www.art-sam.com/shop2/index.p...products_id=55




So, the first table looks normal because I specified the width of the image, but if I just specify the height of the image, the result would be one on the second table.

However, if I save the file standalone and open it in IE, everything works.

HTML validation is correct too.

I'm wondering if it's caused by some stylesheet problems but I couldn't find any.

Here's the code:

<!-- NORMAL ONE -->
<table border="1" width="480">
    <tr>
        <td width="120">
        <p align="center">
        <img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
        <td width="120">
        <p align="center">
        <img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
        <td width="120">
        <p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
        <td width="120">
        <p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
    </tr>
</table>

<br />

<!-- PROBLEMATIC ONE -->
<table border="1" width="480">
    <tr>
        <td width="120">
        <p align="center">
        <img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
        <td width="120">
        <p align="center">
        <img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
        <td width="120">
        <p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
        <td width="120">
        <p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
    </tr>
</table>

Has anybody ever had this problem before? Any Ideas?

Thanks!

[dbltoe]

If you can ever talk a table into doing a float, you've got it made!

A perfect example of why the US has a 508 accessibility law for federal computers (bans the use of tables EXCEPT for tabular data) and Zen is working towards a truly table-free environment.

BTW, for those of you that want to insist that you can make a table float left, can any of your code be as simple as float: left;?