title: Remove top padding on bootstrap navbar
body: <p>I am attempting to remove the padding on the top of the navbar image.</p>
  
  <p>I have tried playing around with the padding numbers and cannot seem to get it.</p>
  
  <p>I can get the padding to be removed but then the positioning of the rest of the elements is moved all around. </p>
  
  <pre><code>&lt;style&gt;
      .navbar-inner{
          position:relative;
          padding-left:70px;
      }
      .navbar .brand {                
          position: absolute;
          left: 0px;
          top: 0px;
          width: 50px;
          background: #f00;        
          margin-left: 0px;
          padding: 0px;
      }
  
      #logo{
          height: 40px;
      }
  
  &lt;/style&gt;
  
  &lt;body&gt;
      &lt;nav class="navbar navbar-default" style="margin-top: 0"&gt;
        &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;a class="navbar-brand" href="#"&gt; &lt;img id="logo" src="http://i.imgur.com/McZjymS.png"&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;ul class="nav navbar-nav"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Technology Training Calendar&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#"&gt;Flyers&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Status Reports&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Procedures&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;The Upgrade&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Tales from Tech Support&lt;/a&gt;&lt;/li&gt; 
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>If I add this to css I can get it to line up but the position is all off</p>
  
  <pre><code>#logo{
      height: 40px;
      position:absolute;
      top: 0;
      width: 45px;
  }
  </code></pre>