Küçük bir css sorunu

arkadaşlar merhaba, wordpress ile bir site tasarlıyorum, css düzenlerken çok absürt bir durumla karşı karşıyayım;

her iki yana div ekledim ve bunlara arka plan atıp repeat-y deyip uzattım buraya kadar problem yok, sorunum şurada, sol taraf hem responsive hem masaüstü versiyonda sorunsuzken, sağ tarafta responsive'de sorun yok, masaüstü görünümünde sağdan 10px kadar margin kalıyor..

daha rahat anlamanız için ekran fotosu atayım;



kodlarım ve css'leri aşağıdaki gibi;



<div class="sol" style="
position: fixed;
left: 0px;
top: 0px;
z-index: 1;
width: 9%;
height: 100%;
background-image: url(img/soltekrar.jpg);
background-repeat: repeat-y;
"></div>



<div class="sag" style="
position: fixed;
right: 0px;
top: 0px;
z-index: 1;
width: 9%;
height: 100%;
background-image: url(img/soltekrar.jpg);
background-repeat: repeat-y;
"></div>

muhtemelen çok başka bir yerden kaynaklı sorun yaşıyorum, müsait bir arkadaş tw'den destek olabilir mi

Sağ tıklayın "incele" diyin -> Ctrl + Shift + C tuşlayın klavyeden -> farenizi 10 px boşluk gözüken yere götürün ve İnceledeki Styles kısmında hangi class ın o boşluğu verdiğini inceleyin ve kodu düzenleyin hocam, yapamazsanız müsait bir anımda yardımcı olurum

Veya Sag class ında ki

right: 0px !important;

yapabilirsiniz.