Estou tentando produzir um efeito de texto realçado com um pouco de preenchimento, mas o preenchimento é aplicado apenas no início e no final, não em novas linhas.

#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>

Por favor, veja aqui:http://jsfiddle.net/CNJZK/7/

Há alguma correção CSS pura para fazer com que as arestas internas ("nítidas") se estendam um pouco mais? ou seja, como nesta imagem:http://i.imgur.com/j8mIJZS.jpg