La position de l’image de fond svg est toujours centrée dans Internet Explorer, malgré la position de l’arrière-plan: centre gauche;

J’utilise un logo SVG comme image d’arrière-plan et je n’arrive pas à l’aligner correctement à gauche dans Internet Explorer (edit: et Safari) .

Les conteneurs ressemblent à ça:

 

Avec les styles:

 #header{ width: 100%; max-width: 1200px; height: 100%;} #logo{ background: url(../images/ss_logo.svg); background-position: left center; width: 100%; height: 100%; float: left;} 

Vous pouvez voir que le

doit couvrir 100% de son parent mais afficher le logo à gauche de l’élément. Cela fonctionne bien dans Chrome et Safari, mais le logo est toujours centré dans le