Firefox da ve Chrome da Css Çalışmıyor

Merhabalar. Sıfırdan bir template alıştırması yapayım dedim. Firefox olsun chrome olsun kesinlikle çalışmıyor. Tarayıcıyı kapatıyorum her seferinde öyle çalışıyor. Cache belleği silip sayfayı yenilemem de fayda etmiyor. Yardım edebilir misiniz?

---

stil.css

    .container  {
    width:100%;
    height:750px;
    }

    .nav {
    width:950px;
    height:45px;
    line-height:45px;
    background-color:#000;
    opacity:0.6;
    border:1px solid #000;
    }
    
    ul { }

    li { margin-left:20px; }

ul li a { text-decoration:none; color:#fff; }

index.php

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/stil.css">
    </head>
    <body>

    <div class="container">
    <div class="nav">
    <ul>
    <li><a href="index.php">Anasayfa</a></li>
    <li><a href="hakkimizda.php">Hakkımızda</a></li>
    <li><a href="fotograflar.php">Fotoğraflar</a></li>
    <li><a href="videolar.php">Videolar</a></li>
    <li><a href="iletisim.php">İletişim</a></li>
    </ul>
    </div>
    </div>

    </body>
    </html>