CSS: podświetlony efekt tekstu

Próbuję uzyskać podświetlony efekt tekstu z odrobiną dopełnienia, ale dopełnienie dotyczy tylko początku i końca, a nie nowych linii.

#highlight {
background: rgba(255,230,0,0.5);
padding: 3px 5px;
margin: -3px -5px;
line-height: 1.7;
border-radius: 3px;
}

<span id=highlight>text<br>here</span>

Zobacz tutaj:http://jsfiddle.net/CNJZK/7/

Czy są jakieś poprawki CSS, aby wewnętrzne („ostre”) krawędzie rozciągały się nieco dalej? tj. jak na tym zdjęciu:http://i.imgur.com/j8mIJZS.jpg

questionAnswers(5)

yourAnswerToTheQuestion