有趣的错误:CSS适用于本地主机，但不能实时运行

Question

我有一个荒谬的错误，其中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上对此进行了测试，但它们都不起作用。我不知道为什么它适用于本地主机而不是实时。帮助！

Answer 1

我检查了实时站点。

id="transcript" 不存在。