Can anyone help me figure out the following problems.:
- 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)
#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%;
}
- Font doesn’t seem to be working in Firefox 3 or below
@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!