SO extend background colour

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container" id="container">
            <div id="header" class="row">
                <div class="span12">Hallo123</div>
            </div><!-- end header -->
</div><!-- end container -->

<div class="backgroundHere"><!-- start of div where you want the background -->
<div class="container">     
            <div id="main" class="row">
                <div class="span10" id="one">
                    <div class="row">
                        <div class="span2">Hallo1</div>
                        <div class="span2">Hallo2</div>
                        <div class="span2">Hallo3</div>
                        <div class="span2">Hallo4</div>
                        <div class="span2">Hallo5</div>
                    </div><!-- end nested row -->
                </div><!-- end span 10 -->
                
                <div class="span2" id="two">Hallo2</div>
            
            </div><!-- end row -->
  </div><!-- end container -->
  </div><!-- end backgroundHere -->

<!-- you could open another bootstrap container here if you have more content without the background -->

CSS

#main {
    background-color: white;
    /*box-shadow: 0px 0px 6px #888;*/
}

#header .span12 {
    background-color: #DD1144;
  height:100px;
}

#container {
    background-color: yellow;
}

#one, #two, #three, #four {
    background-color: yellow;
    height:200px;
}



.backgroundHere{
  width: 980px;
  margin:0 auto;
  box-shadow: 0px 0px 6px #888;
}