Another CSS problem

[Lynne Puckett]

Howdy!
I am also trying to go to a CSS-based page, in fact we have gone live
and discovered something very interesting.
Before I put the files on the server, I have them on my computer hard
drive for testing.  The CSS pages worked just fine in IE6, Netscape
7.1, K-meleon, Opera7.5, and Mozilla when I tested them from my hard
drive.  When I put them on the server, only IE keeps the proper
formatting - the others still have all the info, but in a totally
vertical format! I read that bit from Thomas Dowling about
<quote>
One problem you need to fix is that your web server is sending your
stylesheet with the wrong MIME type.  It's sending it as
"application/x-pointplus" and it needs to be "text/css".  Non-IE
browsers are likely not to apply your stylesheet at all; my copy of
Mozilla doesn't.
<end quote>
but my ignorance is so abysmal I don't know where to check to see what
my server is sending. The HTML says text/css - how/where on the hard
drive do I check a WinNT4.0SP6 server running IIS and Apache <don't
ask!> to see what it's sending?

Anyway, my page is at http://www.billings.lib.mt.us. The CSS file
follows at the end of this message. I am still working on getting it
properly validated - please be patient with me.  Also, I am entirely
self-taught in CSS (aka winging it), so if you see any really
egregious errors, please let me know.
Thank you for any help.
Lynne

<begin CSS file>
BODY { background: white; margin:0px}
BODY, TD, TH { font-family: Arial, sans-serif; }

/* Standard links */
a:link {color: blue; text-decoration: underline;}
a:visited {color:maroon; text-decoration: none; }
a:active {color: 4682b4; }
a:hover {color: maroon; }

/*top navigation bar links button appearance */
div#btn a {
color: white;
float: left;
font-size:10px;
font-family:arial;
font-weight:bold;
text-decoration: none;
border: 4px outset #4169e1;
background-color: blue;
display: inline;
width: 67px;
padding: 3px 3px 3px 3px;
margin: 1px;
text-align: center;
}

div#btn a:hover {
background-color: black;
color: white;
padding-left:4px;
border:4px inset #b0e0e6;
}

/*library title box*/
div.box
{
color: blue;
float: left;
font-family:arial;
font-weight:bold;
text-decoration: none;
text-align: center;
border: 4px outset #0000ff;
padding-top: 5px;
padding-bottom: 0px;
background-color: white;
display: inline;
width: 78%;
}

img.logo {
height: 85px;
width:75px;
position: absolute;
top: 13%;
left: 85%;
border:3px #0000ff;
border-style: solid;
}

h2.text {
margin:0px;
font-size: 25pt;
font-weight: bold;
font-style: italic;
color:#0000ff
}

/*right-side drop-down links and other links*/
div#right {
float:right;
width:15%;
border-bottom:2px;
border-left:2px;
margin-right:1px;
margin-left:1px;
padding-bottom:0px;
font-size: .7em;
text-align: center;
}

/*primary content on each page*/
div#left {float:left; width:78%; text-align:left; display: inline;
margin-right:1px; margin-left:1px;}

/*email & renewal links at bottom*/
div#email {
float: left;
width:78%;
font-size: .8em; text-align: center }

/*bottom navigation links */
div#tst1 {float: left; width:78%; font-size: .7em; font-spacing: 12px;
text-align: center; }

/*centering and font changes */
.bold2 { font-size: 1em; font-weight:bold; }
.bold { font-weight:bold; font-style:italic; }
.bord { color:#000099; float:right; border:3px outset blue;
font-weight:bold; font-size:.9em; text-align:left!important; }
.bord2 { color:#770000; border:3px outset green;
font-weight:bold; font-size: 1em; text-align:left;
font-family: "comic sans ms", cursive;}
.com { font-family: "comic sans ms", cursive;}
.color { color:#000080; font-family: "Arial", sans-serif;
font-size:.8em;
font-weight: bold; }
.ctr { text-align: center; }
.ctr2 { font-size: .7em; text-align: center; }
.navy { color: #000099; }
.navy2 { color: #000099; text-align: center; }
.size { font-size: .8em; }
.size2 { font-size: xx-small; }
.right2 { float: right; }
.left2 { float: left; }
.right3 { float: right; width:50%; }
.left3 { float: left; width:50%; }
<end CSS file>