ナビゲーションバーがIEだと無効になってしまう

はじめまして。

本に載っていたテーマをいじって公開してみました。
http://802houmu.jp/

ナビゲーションバーには自作の画像を使い、
テキストではなく画像でリンク先を表示しています。

safari（mac）やfirefox（win）なら問題ないのですが、
IE（win）だとナビゲーションバーからのリンクが無効になってしまいます。

ちなみに、サイドバーにあるメニューは問題なくリンクします。

スタイルシートは以下のように設定しています。

/*ナビゲーションバー*/
.nav {font-size: 0px;
height: 36px;
background-image: url(images/navbar.jpg);
border: solid 0px #aaaaaa;
margin: 0;
padding: 0;}

.nav ul {margin: 0;
padding: 0;}

.nav li {list-style-type: none;
float: left;}

.nav li a {display: block;
color: #ffffff;
width: 159px;
line-height: 32px;
margin: 2px 0;
border-right: solid 1px #c0c0c0;
text-align: center;}

.nav li a:hover {background-color: #000000;
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;}
/*ナビゲーションバー*/

解決法をご存じでしたら、ぜひお教えください。