title: CSS: resizing logo while maintaining aspect with browser
body: <pre><code>#logo {
      background: url(/images/logo.png) 0 0 no-repeat;
      width: 268px;
      height: 96px;
      position: fixed;
      top: 10px;
      left: 10px;
      z-index: 1000;
  }
  </code></pre>
  
  <p>This is my logo css and when I change the height and width to x% It just cuts of the bottom and right side of my logo image. How can I style my logo so that it stays at 5% of the browser width  while maintaining aspect? Thanks</p>