Her çözünürlükte her ekranda tam ortada resim?

selam arkadaşlar..
klasik bir giriş sayfası yapıcam..
tam ortada bir resim olacak,ona tıklayarak siteye girilecek..
ama resim sayfaya giren kişinin ekran boyutuna ya da çözünürlüğüne göre yer değiştirmesin istiyorum..
herkes tam ortada görsün..
nedir bunun kodu?

body {
  background-color: #CCCCCC;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#FFFFFF;  
  padding:0px;
  margin:0px;
}
#content { 	
  position:absolute;
  height:200px; 
  width:400px;
  margin:-100px 0px 0px -200px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: #EEEEEE;
  overflow: auto;
}
<div id="content">içerik</div>

kardeş ben ayptım aynısını fakat olmadı :S

<p align="center> içerik </p> bunun arasına ekle kafi.
misal Müzik Fakültesi * Müzisyen Portalı ||| Müzik,Keman,Özel Ders,Keman dersi,Nota,Notalar,Akor,Akorlar,Tab,Tablar,Video,K urs,Kurslar,Piyano,Konservatuar,Konservatuvar,Müzi k Eğitimi,Müzik Yazılım,Sheet Music,muzisyen,Grup,bass,electro,davul,bateri,gita r,f

hayır <p align center sadece enine ortalıyor..boyuna da ortalamasını istiyorum ben..
yani her yönden sayfanın tam ortasını kastediyorum..sadece sağdan ve soldan değil..
@Fibonacci senin dediğin de işe yaramadı..

aslında güzel bir indexde ben koyarım siteme böyle

Resmin boyutlarına göre ayarlaman lazım öyle ise. Sonuçta resmin yüksekliği mesela 800px ise 1024x768px çözünürlükte aşağı kayacaktır muhakkak. Yatay olarak ortalamak mesele değil dikey olarak ayarlamak gerekli.

Mesela yukarıda verdiğim 400x200px lik bir resimde ortalı gözükür.