＜table＞
　＜tr＞
　　＜td class="col1"＞＜／td＞
　　＜td class="col2"＞＜／td＞
　　＜td class="col3"＞＜／td＞
　＜／tr＞
＜／table＞

table{
　width:100%;
}

td.col1{
　width:50px!important;
}
td.col2{
　width:40%;
}
td.col3{
　width:40%;
}
こんな風にすると、ブラウザの幅を変更した場合に、
col1は出来る限り50pxになると思ったのですが、
実際は、勝手に変化してしまいます。
たぶん、100-(40+40)=20% の幅になっているようです。
そう言うもんですか？
やりたいのはcol1を50pxくらいに固定して、
col2,col3は同じ幅にしたいのですが。