Logo responsive ie8

Bonjours à tous,

Je sollicite votre aide de bon matin car je ne trouve pas de solution.
J'ai crée une div "logo" dans laquelle j'affiche une image qui s'étire à 100%.

Sous chrome je n'ai aucun problème mais sous IE 8 la div "logo" ne prend pas en compte la hauteur que j'ai spécifié en % et mon image et ecrasé à l'interieur d'une div trop petite.

Alors je sais que pour certain IE c'est le mal mais je touche une partie de la population que n'utilise que très peu internet et je me vois mal faire un bandeau conseillant de changer de navigateur.

Si quelqu'un à une idée pour que mon logo reprenne une forme normal.

Merci d'avance,

#logo {
width:24%;
float:left;
margin-right:4%;
height:7%;
}

#logo img {
height:100%;
width:100%;
}