CSS ile ilgili bir sorun ?

Resmi ortalamak istiyorsanız resmin <li> tagına text-align:center yazmanız yeterli ama üst elementlerde dahil bütün overflow, margin vs. ayarlarını temizlemeniz gerekiyor. Ayrıca sorun mobilde değil pc' den tarayıcıyı daraltıp bakarsanız aynı sorunu görebilirsiniz.

bahsettiğiniz şekilde olmuyor.
işin ilginci başka sitelerde yaptığım bu sitede sıkıntı veriyor.

1920 px genişlikte resmi tarayıcıda ortalı bir şekilde altta scrolbar çıkmadan göstermek istiyorum

Resmi düzenleyip genişliğini 960px yapın sonra da section1 bölümünü aşağıdaki gibi yapın sorun kalmayacaktır.

<div id="section1" class="section">	
    <div id="dinamik_alan" style="text-align:center">						
        <img style="width:960px;margin:0 auto" src="slider/banner.png" />
    </div>
</div>