将光标放在文本输入的末尾在某些情况下不起作用

Question

我在div的旁边添加一个图标，其contenteditable属性设置为true。直到我添加此图标，contenteditable正常工作（我能够编辑并按下结束键将光标放在条目的末尾）。但是通过添加此图标，我仍然能够编辑该值，但是在按下结束键时光标不会被放置在条目的末尾。不知道我在这里做错了什么。

<ul>
 <li>
     <div name="value" class="divinline" contenteditable="true">Test1</div>
        <a class="removelink" onclick="this.parentNode.parentNode.removeChild(this.parentNode);">
            <img src="/../images/remove_grey.png" alt="X" ></a>
  </li>
 </ul>

CSS

.divinline {
     display: inline;
 }
a.removelink {
   float: none !important;
   border: medium none !important;
   display: inline !important;
}