Как отображать «рамку» вокруг текста в теге HTML при наведении курсора мыши?

Я пишу BHO для Internet Explorer, в котором я ищу определенные слова на веб-странице и инкапсулирую слова, найденные в HTML-теге, для целей стилизации.

У меня есть код для изменения свойства стиля при наведении указателя мыши на тег, но я хочу показать "рамку" вокруг слова, но я не хочу перемещать текст в любую другую позицию, кроме его оригинальный.

Для иллюстрации я сделал картинку (представьте, что слово «Overflow!» находится в собственном HTML-теге):

Изображение №1 было раньше, а №2 - когда мышь наводит курсор на слово!

Кто-нибудь может помочь мне с любыми предложениями относительно того, как решить эту проблему? Javascript? CSS-стиль?