title: Make a div containing img take full height
body: <p>This question have been asked a lot on the web. But each try don't suceed</p>
  
  <p>For a Website I need to make a header, I'm using django + boilerplate (I think that's boilerplate should be the cause, as copy paste of my code in js fiddle works, while it doesn't on local).</p>
  
  <p>Here is the HTML I use: </p>
  
  <pre><code>&lt;div id="topbar"&gt;
      &lt;div id="networking"&gt;
          &lt;div id="title"&gt;
              EasyMusik
          &lt;/div&gt;
          &lt;div id="logo"&gt;
              &lt;img src="{% static "img/icons/myzik.svg" %}" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the CSS:</p>
  
  <pre><code>#topbar{
      display:block;
      background-color : #29A329;
      position: relative;
      float: top;
  }
  #tobbar div{
      height: 100%;
      display:inline-block;
  }
  #networking{
      padding-left:25%;
  }
  #networking div{
      display:inline-block;
  }
  #title{
      position: relative;
      height:100%;
      font-size: 24px;
  }
  #logo img{
      width:100%;
      display:block;
      float:left;
  }
  #logo{
      position: relative;
      height: 100%;
      padding-left:15px;
      background-color : #FF0000;
  }
  </code></pre>
  
  <p>And I got this <a href="http://puu.sh/bbyCj/6671f14ca0.png" rel="nofollow">result</a> </p>
  
  <p>I want the Red area to fullfill the green one. Wich property should i add/remove to achieve that?</p>
  
  <p>EDIT: Finally managed to get a fiddle: 
  <a href="http://jsfiddle.net/vfxa0xef/1/" rel="nofollow">Fiddle here</a></p>