arkadaşlar joomla sitem vardı. resposive şekle aktarmaya çalışıyorum hemen hemen her şeyi hallettim. ancak arkaplan çok büyük görünüyor ve sağa sola kaydırma çubuğu çıkıyor. kaydırma çubuğu çıksın istemiyorum. Nasıl çözebilirz acaba bu sorunu?

mobil css yapısı şu şekilde


@media only screen and (max-width: 479px) {
html, body {
width: 100%;
}


div#center {

border:none;
margin:0%;
padding:0%;
min-width:200px;
width:100%;


}
div#wrapperholder {
width:100%;
min-width: 200px;
max-width: 479px;
background-image: url('../images/wrapper_bg.png');
background-repeat: repeat-y;
}

div#wrappert {
background-image: url("../images/wrappert.png");
background-repeat: no-repeat;
clear: both;
height: 5px;
}

div#wrapper {
margin: 20px;
width:90%;

}
div#header {
background: url('../images/header.gif');
background-repeat: repeat-x;
height: 80px;
width:100%;

}

div#headerl {
background: url("../images/header_l.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 80px;
width:100%;
}

div#headerr {
background: url("../images/header_r.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
color: #e52929;
height: 90px;
padding-left: 100px;
padding-right: 40px;
padding-top: 25px;
text-align: left;
}

div#logo {
background: url("../images/joomla_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 100% 100%;
height: 80px;
left: 0;
position: left;
top: 0;
width: 100%;
}

div#topmenu {
background: url("../images/top_menu_bg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
height: 30px;
width:100.2%;
}

div#mainholder {
float: left;
width: 100%;
}



#vinaora-3d-slideshow67 {
outline: 0 none;
width: 100%;
display: none;
}

div#pathway {
float: left;
font-size: 0.92em;
height: 30px;
line-height: 30px;
margin-left: 20px;
text-align: left;
width: 100%;
}

div#user4 {
float: left;
display: none;
}

div#left {
float: left;
margin-right: 10px;
text-align: left;
width: 100%;
display: none;
}


div#left div.moduletable_menu {
background-image: url("../images/module_menu_bg.gif");
background-repeat: repeat-y;
border-bottom: 1px solid #e3eaee;
margin-bottom: 10px;
padding: 30px 10px 20px;
position: left;
text-align: left;

}

div#main {
float: left;
font-size: 1em;
text-align: left;
width: 100%;
}

#icerik {

width: 100%;

}
table.contentpaneopen {
font-size: 1.1em;
line-height: 1.3em;
width: 50%;
word-wrap: break-word;


}

table.contentpaneopen td.contentheading {
color: #0f6eac;
font-size: 1.5em;
font-weight: bold;
line-height: 1.2em;

}
table.contentpaneopen td, tr, tbody{


}

div#right {

display: none;
}

div#footer {
background-color: #eef2f6;
border: 1px solid #c7d5dd;
float: left;
height: 40px;
margin: 10px 20px;
position: left;
width: 88%;
}

div#right div.moduletable_text, div#right div.moduletable, div#left div.moduletable {


margin-bottom: 10px;
padding: 40px 20px 20px;
position: left;
text-align: left;
}
.moduletable {
width: 100%;
position: left;
}


} /*Mobil ekranlar için*/

@media only screen and (min-width: 480px) and (max-width: 767px) {}
/*Yatay mobil telefonlar ve tabletler*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {}
/*Yatay tabletler*/

@media only screen and (min-width: 1024px) {}/*Büyük ekranlar*/



sitenin resimleri şu şekilde