Utiliser avant & après le Pseudo-élément pour faire une ligne

Je suis en utilisant le Pseudo-élément :before et :after pour dessiner une ligne avant et après un titre. Il travaille avec une image:

.mydiv::before {
content: url(img/line.png);}
.mydiv::after {
content: url(img/line.png);}

Voici le résultat :

Mais, je voudrais que la ligne d'élargir et de remplir l'ensemble de la div avant et après le titre, comme ceci :

Est-il un moyen de spécifier un pourcentage de l'image pour qu'elle s'étirer? J'ai essayer, mais ça ne fonctionne pas :

.mydiv img {
  width: 100%;
  height: auto;
}

OriginalL'auteur Guillaume | 2015-02-10