Webサイトのメニューバーからドロップダウンした項目の幅について

■環境・要件
サイト自体はIE8(win7)とIE11(win10)に対応
ファイルサーバにhtmlなどのwebサイトに必要なファイルを配置してサイトを表示させる(Webサーバを使用しない)
jqueryは使用可能
開発環境はIE8

■前提
Webサイトのメニューバーを<li>にて作成し、
オンマウス時にドロップダウンでサブメニューが表示されるように、
一部<li>を入れ子にしています。

■困っていること・解決したいこと
ドロップダウンを表示させた際に表示された項目が同じ幅になるように設定しているつもりなのですが、IE8では意図した通りドロップダウンメニューがすべて均等になっていてもIE11では均等にならず、各メニューの文字数に合わせて変わってしまいます。

ソースコード等は、以下のサイトを参考にしています。
http://blog.hatena.ne.jp/register?via=200220
動作は一番上の#normalを使用しています。
※開発環境がネットワークに繋がっていない関係上コピペができず、このようなソース提示になることをお許しください。

上記参考サイトから変更した内容といえば、配色やフォントサイズ、.dropmenu liのborder幅等を変更しています。

なにか足りない設定があるのか、それともそもそもが違うのか、実現するにはどうしたらよいか、アドバイスいただけると幸いです。
宜しくお願いいたします。