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;
こんな感じ。
