html - Internet explorer 9 not displaying PNG image -

I have a problem in my page where the logo (which is on the left side of the title) is not displayed. It works in Firefox and Chrome

This markup is:

  & lt; Div class = "header-container" & gt; & Lt; Div class = "wrapper" & gt; & Lt; Div class = "logo" & gt; & Lt; Img src = "/ images / Tiny-Wolf-Logo-ICN.png" alt = "small logo" width = "120px" height = "120px" & gt; & Lt; / Div & gt; & Lt; Div class = "title" & gt; Tiny Wolf & lt; / Div & gt; & Lt; Div class = "tagline" & gt; Visual Storyer & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

I have tested this to see that this is CMYK issue, but is not. I have also announced width and height, but the image is still not visible.

If you have specified css / main.css line-number 242

 @ Media only screen and (minimum-width: 600 pixels) {.logo {display: none;}}  

So the logo is not displayed only IE browser and you ask Why are the display other browsers?

The answer is that you write CSS / main CSS line-no 73

  .logo {display: inline-block; }  

Just apply for this place: ex:

  .logo {display: inline-block! Important; }  

This is well displayed.