Anyways... Um.. yeah. So... I have this FAQ Page on neopets (click here to view it (http://www.neopets.com/~TheStaceOfSpades)) that works semi wonderfully in the dreaded IE but kind of goes all funky in FF.

Here are my problems:

1: The text I specified is Verdana and any Sans Serif fonts. It displays in the uglyest font ever, times new roman. Minor, but still annoying. Not sure why it's doing that.

2: The table has images and backgrounds in it to keep it standardized. None of those images show up in Firefox. In IE, they are dazzling.

3: The scroll bars have been set to show up as different colors, but they still are default in IE... strange.

I'm pulling my hair out with this one. I'm just short of scrapping this design and starting over.

Can anyone help?

In case you need to know, it was designed in Dreamweaver MX 2004. For easy reference, here's my css:

<style type="text/css">
body, td, th, {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #1F1F1F;
background-color: #615F50;
scrollbar-face-color:#615F50;
scrollbar-arrow-color:#7C7965;
scrollbar-track-color:#7C7965;
scrollbar-shadow-color:#615F50;
scrollbar-highlight-color:#615F50;
scrollbar-3dlight-color:#615F50;
scrollbar-darkshadow-color:#615F50;
}
a {
font-size: medium;
color: #1F1F1F;
font-weight:bold;
}
a:link, a:visited, a:active {
text-decoration: none;
color:#1F1F1F;
}
a:hover {
text-decoration: none;
color: #460A0A;
}
b {color: #460A0A; font-weight:bold;}
strong {color: #460A0A; font-weight:bold;}
#table {position:absolute; top:0px; left: 0px; z-index:-1;}
#main {position:absolute; top:112px; left:63px; width:486px; height:340px; overflow:auto;}
#menu {position:absolute; top:112px; left:562px; width:170px; height:340px; overflow:auto; text-align:center;}
#bottomban {
height: 500px;
text-align: left;
font-size:9px;
}
</style>

I have decided to go with a different layout for my petpage because I couldn't get it to work.

And... no one replied. :(

It's ok tho. Thanks anyways. ^^