有趣的Bug：CSS适用于Localhost，但不适用于Live

Question

我有一个荒谬的错误，其中span：hover伪类在我的本地主机上工作，但在我的实时主机上传样式表时不起作用。 Here's实时网页，这是stylesheet。讨厌的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上测试了这个，但它们都不起作用。我无法弄清楚它为什么在localhost上工作但不能在live上工作。救命啊！

Answer 1

我查看了直播网站。

id =“transcript”不存在。