This is my first post. I was wondering if there are any expert CSS people out there that could possibly help me out. I'm having a problem with my website looking different in IE and FireFox. The site is www.shernis.com. Some of the fonts and colors are different. IE displays them perfectly. I've done a bit of research on google, and am pretty sure it has something to do with my CSS.
Here it is:

/* CSS Document */

body {
background-color: #FFDF9B;
}
.style2 {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #663300;
}
.main_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #462300;
}.upperlinks, .upperlinks a:link, .upperlinks a:visited, .upperlinks a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #663300;
text-decoration: none;
}

.upperlinks, a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #663300;
text-decoration: none;
}
.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #371C00;
font-style: normal;
font-weight: bold;
}



Thankyou in advance!

First of all, dump the frames, they are horrible and you really shouldn't use them. I dont' see any real purpose for them on that site anyway.

I suspect the serif font in the footer is due to the frameset, but then again, you're using tables and haven't done any styling of tables either.

OH.. and if you believe what IE (6 and below) is showing you is 'correct' - think again - it's the buggiest browser out there !