æøå i css?

Jeg har lavet er stylesheet til en side og en menu jeg sidder og roder med... Men jeg kan ikke forstå hvorfor jeg ikke kan bruge æ, ø og å... Browseren viser bare en lille firkant hver gang jeg åbner en af siderne. Det ser således ud:

/*
  menu9_def.css
*/

body {
  font-family:verdana; font-size:12px;
  color:#000000; background:#ffffff;
  margin:0; padding:2% 10% 2% 10%;
}
p {
  font-family:verdana; font-size:12px;
  color:#333333; background:transparent;
  margin:1em 0 1em 0em;
}
ul, li {
  font-family:verdana; font-size:12px;
  color:#333333; background:transparent;
}
pre {
  font-family:monospace; font-size:12px;
  color:#003366; background:transparent;
  margin:1em 0 1em 1em; padding:0;
}
h1 {
  font-family:verdana, sans-serif; font-size:18px;
  color:#336699; background:transparent;
  border-top:3px solid #003366;
  margin-bottom:.5em; padding:0;
}
h2 {
  font-family:verdana, sans-serif; font-size:14px;
  color:#003366; background:transparent;
  border-top:1px dotted #003366;
  margin-top:2em; padding:0;
}

...osv. osv. osv.