title: Put a logo on twitter bootstrap navbar without resizing the navbar
body: <p>Is there any way to put an image (brand logo) on bootstrap's navbar like:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
  &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
          &lt;a class="brand" href="#"&gt;&lt;img src="../Content/Images/logo.png" /&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and keep the navbar height untouched? 
  I tried </p>
  
  <pre><code>.navbar .brand
  {
  display: block;
  height: 125px;
  width: 246px;
  padding: 0;
  background: url('../Content/Images/logo.png') no-repeat left center;
  float:left;
  position: absolute;
  }
  </code></pre>
  
  <p>and i have good results with the positioning but the links come over the logo.</p>