CSS problem in Firefox

My site looks ok in IE but not Firefox. It's not reading anything in my CSS file. Any help would be greatly appreciated. My site is...

http://www.ashleesimpson.net/

and this is what my CSS file looks like...

<style type="text/css">

<!--
body, td {font-family: arial; font-size: 8pt; line-height: 10pt}
.headers {background: #F5F5FF; font-size: 6pt; font-family: tahoma; letter-spacing: 2px; line-height: 10pt; color: #000000; font-weight: bold}
-->

<!--
a:link {color: #B6B8C7; font-weight: bold; text-decoration: none}
a:visited {color: #B6B8C7; font-weight: bold; text-decoration: none}
a:hover {color: #CCCCCC; font-weight: bold; text-decoration: none}
-->

<!--
body {
scrollbar-face-color: #B6B8C7;
scrollbar-arrow-color: #F5F5FF;
scrollbar-shadow-color: #B6B8C7;
scrollbar-darkshadow-color: #F5F5FF;
scrollbar-highlight-color: #B6B8C7;
scrollbar-track-color: #F5F5FF;
scrollbar-3dlight-color: #B6B8C7
}
-->

</style>

 

If you already named it *.css, you don't need the STYLE tags or the <!--- stuff.

 

While the very small amount of css may have some effect, the main problem is the html. There are 200 errors. Since this is a table layout, the html is the key. With that many errors, and with the type of errors (eg., overlapping tags, or improper nesting, and elements being in places they're not allowed), it's a work of god that any browser can do anything with it. I suspect you started building the page for IE, and as problems popped up due to errors, you patched it with more errors.

Were I you, and fixing the errors didn't fix the page, I would start over.

Oh, and the scrollbar stuff? That's not a part of css.

cheers,

gary