I just launched a new site and have some trouble with the logo in the upper left corner.
This is my HTML:
And this is my CSS:
<a id="logo" href="/">
I should mention that I uploaded the logo.png file in a size 402 x 182 px to make it look crisp on retina displays.
background-size: 100% 100%;
This strategy works out brilliantly across most modern devices. However in Internet Explorers 8 and below only a quarter of the logo is visible. The rest is cut off.
Is there a way to get this working at all?
Thanks for any help.