Layout scrollen

Ik heb een layout en als ik naar rechts scroll dan komt er een grote blauwe stuk (De achtergrond dus)

Hoe los ik dat op?
Ik zie het zelf niet maar andere wel.

Css

body {
    background: #84cce8 url(img/bg.gif) bottom repeat-x fixed;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px; 
    text-align: center;
}
#container {
    width: 974px;
    margin: auto;
    text-align: left;


}
#header {
    width: 969px;
    height: 144px;
}
#header .left
{
    background: url(img/header_left.PNG) no-repeat;
    color: #FFFFFF;
    width: 100%;
    height: 144px;
    position: absolute;
    padding-top: 10px;
text-align: left;
padding-left: 13px;

}

h1 {
    font-size: 15px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
color: black;

}
#header .right
{
    background: url(img/header_right.PNG);
    margin-left: 823px;
    width: 146px;
    height: 144px;
    padding-left: 5px;
    color: #FFFFFF;
    position: absolute;
}
#container #top {
    background: url(img/top.PNG);
    height: 18px;
    color: #FFFFFF;
    padding: 7px;
}
#container #mid {
    background: url(img/mid.PNG) no-repeat;
    
    height: 84px;
}
#mid .left
{
    padding: 9px 0px 0px 5px;
    position: absolute;
}
#mid .left img {
padding: 1px 0px 0px 5px;
    
}
#mid .mid
{
    padding: 9px 0px 0px 255px;
    position: absolute;
}
#mid .mid img {
padding: 1px 0px 0px 5px;

}
#mid .mid2
{
    padding: 9px 0px 0px 510px;
    position: absolute;
}
#mid .mid2 img {
padding: 1px 0px 0px 5px;

}
#mid .right
{
    padding: 12px 0px 0px 770px;
    position: absolute;
}
#mid .righttext
{
    padding: 30px 0px 0px 770px;
    position: absolute;
}
#container #balk {
    background: url(img/balk.PNG);    
    width: 973px;    
    height: 18px;
    margin-left: -6px;
    padding: 7px;
    color: #FFFFFF;
}
#innercontent {
    background: url(img/bg.PNG);
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 10px;
}
#centerrow
{
    margin-left: 222px;
    width: 508px;
}

.center .top
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.center .center
{
    background-color: #787878;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px;
}

.center .text
{    
    background-color: #FFFFFF;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    padding: 4px;
}

.center .onder
{
    border-bottom: 1px solid #B4B4B4;
    margin: 0px 0px 10px 0px;
}

#navigatie2
{
    float: right;
    width: 208px;
}

#navigatie
{
    float: left;
    width: 208px;
}
.blok2
{
    width: 208px;
}

.blok2 .title
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.blok1
{
    background: #FFFFFF;
    width: 208px;
}

.blok1 .title
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.blok1 .mid
{
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 4px;
}
.blok1 .text
{
    border: 1px solid #B4B4B4;
    padding: 4px;
}

.blok2 .space
{
    background-color: #FFFFFF;    
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 2px;
}

.blok2 .text
{
    background-color: #DDDDDD;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 3px;
font-weight: bold;
color: gray;
}
.blok2 .img
{
    margin-top: -4px;
       position: absolute;
}

.blok2 .mid
{
    background: url(img/midtext.PNG);
    border-bottom: 1px solid #B4B4B4;
    width: 203px;
    height: 26px;
    padding: 3px 0px 0px 5px;
color: #FFFFFF;
}

.blok
{
    background: #FFFFFF;
    width: 208px;
}

.blok .title
{
    background-color: #20B1D2;
    border: 1px solid #B4B4B4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0px
}

.blok .text
{
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
    padding: 4px;
}

#clear
{
    display: block;
    height: 0px;
    clear: both
}

#container #onder {
    border-bottom: 1px solid #000000;
}

h1 {
    font-size: 15px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
color: black;

}
.ul {

                    padding: 0px 0px 0px 10px;
                    margin: 0px;
                    list-style: none;
                
                }
.rederror {
    border: 1px dotted #962133; 
    border-bottom: 2px solid #962133;
    background-color: #f75353;
}

.greenerror {
    border: 1px dotted #449D04; 
    border-bottom: 2px solid #449D04; 
    background-color: #96FF31;
}

.comment, .nieuwsdiv, .profieldiv  {
    border: 1px solid #484848;
    margin-right: 10px;
    padding: 5px;
 
    overflow: hidden;
}

.comment_heading, .nieuws_heading, .profiel_heading {
    border-bottom: 1px solid #484848;
}

.profiel_heading {
    text-align: center;
}

#comment_box {
    padding-top: 10px;
    text-align: center;
}

#forum {
    margin: 10px 10px 10px 10px;
    border: 1px solid #FF0000;
}
table, tr, td {
    margin: 0px;
    padding: 0px;
}

body {
  background: url(/img/bg.gif);
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px; 
  margin: 0;
  color: #84cce8;
}

??