[wellylug] OT: Argh! What is wrong?

[Rob Stockley]

My experience with HTML and CSS is average. My style sheet contains this;

========general.css=========
.term {
    border-style: ridge;
    border-width: 5px;
    border-color: #7F7F7F;
    padding-top: 5pt;
    padding-bottom: 5pt;
    padding-left: 1em;
    background: #000000;
    font-size: 10pt;
    color: #FFFFFF;
    text-align: left;
    margin: 24pt;
    font-family: courier, fixed, monospace;
}

.comd {
    color: #F9F517;
}
=======================
My webpage uses these styles like this
=======================
<div class=term><pre>
cyclone:~# <span class=comd>/etc/init.d/asterisk stop</span>
Stopping Asterisk PBX:
Disconnected from Asterisk server
asterisk.
cyclone:~#
</pre></div>
===================
The effect I'm going for is a block that looks like a terminal window, 
white on black with user entered commands in yellow to make them stand out.

When I view the page directly (file://) using FireFox everything looks 
right. When I scp the page and stylesheet to the webserver and view the 
page again (http://) everything works except the highlighting in yellow. 
I know the stylesheet is being read because the terminal window looks 
right. It's just the comd style that is not being applied.

I've tried a range of different ways of attaching the style and checked 
the website from work with another browser. Nothing seems to work. When 
I view source the pages are identical. What gives?

I am pulling my hair out! Has anyone struck this before? Any suggestions 
of a good IRC channel for this sort of thing? Google hasn't helped.

Rob :(