Can anyone help me figure out the following problems.:

1. Background images are not showing up in IE6; I know, I shouldn't worry about supporting IE6, but I still must support it
(The first rule is written in shorthand because I saw a posting somewhere suggesting to write it that way, but it doesn't help)

Code:
#divine_petites-home {
	background: url(images/bg-chocolatedesirecakepop.jpg) 30% 60%;
}
#divine_petites-contact {
	background-image: url(images/bg-veganchocolatecake.jpg);
	background-position: 20% 15%;
}
2. Font doesn't seem to be working in Firefox 3 or below
Code:
@charset "UTF-8";
@font-face {
    font-family: 'Parisian';
    src: url('fonts/parisian-webfont.eot');
    src: url('fonts/parisian-webfont.eot?iefix') format('eot'),
         url('fonts/parisian-webfont.woff') format('woff'),
         url('fonts/parisian-webfont.ttf') format('truetype'),
         url('fonts/parisian-webfont.svg#webfontbOGC2LRO') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Parisian, Riesling, Georgia, "Times New Roman", serif;
	margin: 0px;
	line-height: .95em;
}
Here's the url if it helps to see the pages:
Untitled Document

Any help would be much appreciated.

Thanks!