Почему bbcode переносит каждое изображение на новую строку?

Подскажите, пожалуйста, что в этом ббкоде переносит каждое изображение на новую строку:

[tip={TEXT2}]{TEXT1}[/tip]

Замена HTML:

<style>
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;display:none; 
margin-top:60px; margin-left:-1px;
width:300px; line-height:16px;
}
a.tooltip:hover span{
display:inline; position:absolute;
border:2px solid #FFF; color:#EEE;
background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
/*CSS3 extras*/
a.tooltip span
{
border-radius:2px;
box-shadow: 0px 0px 8px 4px #666;
/*opacity: 0.8;*/

}
</style>
<p class="tt">
<a class="tooltip">{TEXT1}<span><img src="http://katkera.narod.ru/Reload_TH/bestdot.jpg" width="1" height="1"/>{TEXT2}</span></a>
</p>

Подсказка:

[tip=Подсказка(пояснение)]Любое слово[/tip]