Проблема с раскладкой таблиц - Firefox против Chrome и IE7

Question

Я пытаюсь настроить HTML-таблицу (это табличные данные), и она отличается по-разному в Firefox 3.5 и Chrome 2.0.172 (EDIT и IE7 - которая отображает таблицу как Chrome делает).

У меня есть таблица внутри DIV:

<div id="listcontainer"> 
    <table class="tasklist"> 
    <colgroup> 
     <col class="narrow" /> 
     <col class="wide" /> 
     {{ more column definitions here }} 
    </colgroup> 
{{ various code here }} 
    </table> 
</div> 

И у меня есть CSS для DIV и таблицы:

div#listcontainer { 
    position: relative; 
    float: left; 
    width: 98%; 
    padding: 0; 
    border: 1px; 
    overflow-x: scroll; 
} 

table.tasklist { 
    width: auto; 
    table-layout: auto; 
    border: thin solid; 
    font-size: 9pt; 
    border-collapse: collapse; 
    empty-cells: show; 
} 

col.narrow { 
    min-width: 50px; 
} 
col.wide { 
    min-width: 200px; 
} 

В Firefox, таблица делает шире, чем содержащий DIV, и полоса прокрутки на div позволяет пользователю переходить к дополнительным столбцам (что является предполагаемым действием). Тем не менее, Chrome и IE7, похоже, игнорируют свойство min-width столбцов и заполняют всю таблицу в содержащий div. Который не что я хочу. Что я делаю не так?

EDIT: я поставил элементы мин-ширина на самих th и td элементов вместо использования COLGROUP, а затем он делает, как ожидается, во всех трех браузерах. Используя cols, проверка элементов в Chrome указывает, что рассчитанный стиль визуализировал ширины столбцов, чтобы они поместились внутри div ...

Answer 1

Я не знаю о хроме, но я считаю, что IE7 требует явной «ширины» : авто; " на элементах для правильной обработки «min-width». Это не похоже на документацию на msdn, однако, похоже, это похоже на google.

http://blog.throbs.net/2006/11/17/IE7+And+MinWidth+.aspx
http://msdn.microsoft.com/en-us/library/ms530820(VS.85).aspx

(Кроме того, есть некоторые ограничения по использованию мин ширины с таблицами и colgroups, так что вы после этого не может быть на самом деле возможно.)