title: Dotless adding extra '../' directory path
body: <p>I have these variables:</p>
  
  <pre><code>@images-url: '../../../Images/';
  @theme-images-url: '@{images-url}portal-themes/default/';
  @theme-icons-url: '@{theme-images-url}icons/';
  </code></pre>
  
  <p>And this is how I use it:</p>
  
  <pre><code>background: url('@{theme-icons-url}buttonsheet.png') -2px no-repeat;
  </code></pre>
  
  <p>This works perfectly locally. However the images are missing on the server version. When I view the generated LESS file this is the resulting CSS:</p>
  
  <pre><code>background: url('../../../../Images/portal-themes/cgi/icons/buttonsheet.png') -2px no-repeat;
  </code></pre>
  
  <p>If I edit the server version to:</p>
  
  <pre><code>@images-url: '../../Images/';
  </code></pre>
  
  <p>Then the resulting CSS is:</p>
  
  <pre><code>background: url('../../../Images/portal-themes/cgi/icons/buttonsheet.png') -2px no-repeat;
  </code></pre>
  
  <p>This is obviously correct on the server but then broken on my local machine. I want to prevent this extra <code>../</code> been added so it works on both machines.</p>
  
  <p>Why has an extra <code>../</code> been added to the start of my path on my server? I can't see any reason why this would happen.</p>