display:table-cell 幅がFirefoxとIEでおかしくなる時の対策

CSS display:table-cell child width bug in Firefox and IE

上記（英語サイト）に詳しく記載されています。

対策法だけピックアップすると…

display: table; の記述が書かれている要素に、
table-layout: fixed; の記述を足してやればおっけーです。

display: table;
table-layout: fixed;

こんな感じ。