How to fix all elements when browser window resized
<p>I've read so many answers to this question but still can't figure out how to stop elements of my blog moving when a browser is resized. I just got a new template and didn't have this problem with my last one.</p>

<p>My site is: <a href="http://shannondarko.co.uk" rel="nofollow">shannondarko.co.uk</a></p>

<p>I'm not sure what section of code to provide you with but I think it might be this part?</p>

<pre><code>&lt;b:template-skin&gt;
  &lt;b:variable default='960px' name='content.width' type='length' value='1500px'/&gt;
  &lt;b:variable default='0' name='main.column.left.width' type='length'/&gt;
  &lt;b:variable default='310px' name='main.column.right.width' type='length' value='240px'/&gt;

  &lt;![CDATA[
  body {

    --min-width: $(content.width);

  }

  .content-outer, .content-fauxcolumn-outer, .region-inner {

    --min-width: $(content.width);

    max-width: 100%;

    _width: $(content.width);

  }

  .main-inner .columns {

    --padding-left: $(main.column.left.width);

    --padding-right: $(main.column.right.width);

  }

  .main-inner .fauxcolumn-center-outer {

    left: $(main.column.left.width);

    --right: $(main.column.right.width);

    /* IE6 does not respect left and right together */

    _width: expression(this.parentNode.offsetWidth -

        parseInt("$(main.column.left.width)") -

        parseInt("$(main.column.right.width)") + 'px');

  }

  .main-inner .fauxcolumn-left-outer {

    width: $(main.column.left.width);

  }

  .main-inner .fauxcolumn-right-outer {

    --width: $(main.column.right.width);

  }

  .main-inner .column-left-outer {

    width: $(main.column.left.width);

    right: 100%;

    margin-left: -$(main.column.left.width);

  }

  .main-inner .column-right-outer {

    --width: $(main.column.right.width);

    --margin-right: -$(main.column.right.width);

  }


  #layout {
    min-width: 0;
  }

  #layout .content-outer {
    min-width: 0;
    width: 800px;
  }

  #layout .region-inner {
    min-width: 0;
    width: auto;
&lt;/b:template-skin&gt;
</code></pre>

<p>Thanks in advance if you can help!</p>