span:hover 疑似クラスがローカル ホストでは機能するが、ライブ ホストにスタイルシートをアップロードすると機能しないというばかげたバグがあります。こちらがライブページで、こちらがスタイルシートです。迷惑なcssは次のとおりです。
#transcript {
padding: 10px;
background: #FFF;
font-size: small;
border: 1px solid #9BA6C2;
height: 270px;
overflow: auto;
color: #333;
}
#transcript.enabled span:hover {
background: #FF3;
cursor: pointer;
box-shadow: 0px 2px 2px rgba(0,0,0,.33);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.33);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.33);
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#CCC, offX=0, offY=1, positive=true);
}
最新の Mozilla と Chrome でこれをテストしましたが、どちらも機能しません。ローカルホストでは機能するのにライブでは機能しない理由がわかりません。ヘルプ！