для меня понятие кроссбраузерност не ново, но я в первый раз сегодня столкнулся с полной нелепостью и вообще не понимаю в чем дело. помогите, пожалуйста!

в общем есть функция по вставке в поле бб-кода, она точно рабочая, на всех браузерах работает (и в ie) НО, я недавно добавил кроме обычного бб-кода смайлы и на тебе, все по той же схеме, а этот осел возвращает позиции курсора для смайл тэгов всегда 0. я думаю что за фигня - всю функция изнасиловал можно сказать - и нифига, ну не хочет он для смайлов возвращать позицию, потом взял и функцию для смайлов вызвал через див, в котором обычный тэг жирности вызывался - и хоп - все работает, оказывается что-то в html коде ослу не нравится.

вот так вызывается обычный тэг

 
<a href="javascript:;" onclick="BBCode(<?=$taid?>, 'a');">
 <div class="bb-a" title=" сделать ссылку ">a</div></a>

а так для смайлов

<?php for ($i=0; $i<count($smiles);$i++) { //выводим список категорий ?>

<a href="javascript:;" class="smiles"   onclick="BBCode(<?=$taid?>, 'smile=<?=$smiles[$i]?>');clearInterval('SelectTimer');">
 <img class="smilesimages" src="../images/smiles/<?=$i?>.png"/></a>

<?php } ?>

как только я не менял этот код, в итогу ужас

<?php for ($i=0; $i<count($smiles);$i++) { //выводим список категорий ?>

<a href="javascript:;" class="smiles"   onclick="BBCode(<?=$taid?>, 'smile=<?=$smiles[$i]?>');clearInterval('SelectTimer');">
 <img class="smilesimages" src="../images/smiles/<?=$i?>.png"/></div></a>

<?php } ?>

добавил после имг закрытый тэг </div> - и на тебе, теперь осел возвращает позицию курсора, только вот дизайн рушистя из-за этого. И этот див точно лишний - 100% никаких лишних тэгов на сайте нету и в других браузерах все блин отлично!

я прошу, намекните хотя бы как такое может быть, из-за чего вообще это возможно?