witam mam taki kod CSS
header {width:100%;}
.bg {width:100%; background:url(../images/bg.jpg) center 0 no-repeat #090807; letter-spacing:1px; overflow:hidden; padding:30px 0 12px;}
.bg h3 { font-size:33px; line-height:1.2em; color:#94ca00; word-spacing:0.4em;}
.bg h3 strong { color:#fff; word-spacing:normal; letter-spacing:1px;}
<!DOCTYPE html>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/superfish.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Dream_Orphanage_Rg_400.font.js" type="text/javascript"></script>
<script src="js/AGOpusHighResolution_700.font.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/easyTooltip.js"></script>
<script src="js/imagepreloader.js" type="text/javascript"></script>
<header>
</header>
wyświetla mi kod zamiast "zostaw zamówienie" to wyświetla "zostaw zamwienie" Bez literki ó i innych polskich znaków

co mam źle