Making Body Image Stay Against Container/ Wrapper Even When Browser Max or Min

I would like to add a background-image (circles in image below) to the body of a website i am working on, I need the image to stay flush against the container(white center with green and red banners in image below) so that even when the browser is maximized or minimized the image will stay flush to the container.

I'm not sure if i'm am saying this correctly so i've placed a visual as reference (attached) along with my CSS code(below).

Code:

---

  html, body{height: 100%;}
   
    body{
            background: #e5e5e5 url('../img/body_bck_lrg.gif') no-repeat -290px 190px fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        /*background-size: contain;
        background-origin: border-box;*/
      }

---