title: controlling div's width
body: <p>Hello I am trying to build a fluid design, not sure why but I can't get on of the things to work. So if the window is resized to resize the div menus with it rather then forcing the div onto the other element in the theme.</p>
  
  <p>Here is the code I am currently using for my CSS</p>
  
  <pre><code>#stats-panel { 
    position: fixed;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto;
    border: 2px solid #ffffff;
    min-width: 680px;
    max-width: 980px;
    width: 100%;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 420px;
    margin-top: 0px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    top: 58px;
    left: 0px;
    right: auto;
  }
  </code></pre>
  
  <p>When I overpass the max-width this div collides with others div, what can i do to keep say 20px margin between the two elements but still allow this div (stats-panel) to be resized as the window is resized.</p>