Overflow & tale problem

Hi,

I have a table inside a div, and when the sum of the width of the <td> is greater than 1280(width of the div) it starts reducing the width of the td’s that “can be reduced”

if I have 4 td with 300px each I would have 300*4 = 1200px so no problem every td has the 300px, but if I add another td

[code=html]<td style=”width:300px”>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td> [/code]

it starts reducing the width of some tds and not doing the horizontal scrolling in the right way

[code=html]
<div id=”teste” style=”width:1280px;height:200;overflow:auto;”>
<table border=”1″>
<tr>
<td style=”width:300px”>aaaaaaaaaaaaaaaaaaaaa</td>
<td style=”width:300px”>bbbbbbbbbbbbbbbbbbbbbbbbb</td>
<td style=”width:300px”>cccccccccccccccccccc</td>
<td style=”width:300px”>dddddddddddd</td>
<td style=”width:300px”>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
</tr>
</table>
</div>
[/code]

any help?

thanks, PV

ps. it only has to work in IE cause it’s for a intranet and they only use IE

Also in #CSS _↴