Visual Studio C# ASP.Net CSS sorunu

Aşağıdaki kodlarda tüm div id ler çalışırken içerik divinin css kısmı çalışmıyor. Aynı kodu satır içi CSS olarak yazınca sorun olmuyor ama ayrı bir stil dosyasında olunca nedense çalışmıyor bu konuda bilgisi olan var mı Dreamweaver da sorun olmuyor ama visual studio da neden se sorun oluyor yardımcı olursanız sevinirim.



HTML Kısmı

<div id="kapsayici">
<div id="banner">
<img src="image/banner.png" style="width:1300px;height:100%"/>

</div>
<div id="menu">
<ul>
<li><a href="#">DONANIM</a></li>
<li><a href="#">YAZILIM</a></li>
<li><a href="#">DÖKÜMANLAR</a></li>
<li><a href="#">TOPLULUK</a></li>
<li><a href="#">İLETİŞİM</a></li>
</ul>

</div>


<div id="icerik"> MERHABA</div>



CSS Dosyası
body {
background-image: url('image/arduino.jpeg');
background-size:cover;
padding: 0px;
margin:0px;
}
#kapsayici{
width:1300px;
height:1200PX;
margin-left:auto;
margin-right:auto;
background-color:rgb(255, 255, 255,0.7);
}
#banner{
width:100%;
height:300px;
}
#menu {
width: 100%;
height: 60px;
background: linear-gradient(to bottom, rgba(1,226,233,0.8) 0%, rgba(0,21,61,0.8) 100%);
margin:0px;
padding:0px;
}
#icerik {
width: 100%;
height: 790px;
background-colorink;
}