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

我在contenteditable属性设置为true的div旁边添加了一个图标。在我添加这个图标之前，contenteditable工作得很好（我可以编辑，按end键时光标被放在条目的末尾）。但添加此图标后，我仍然可以编辑值，但按结束键时光标不会放在条目末尾。知道我在这里做错了什么吗

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

---

我已经将您的代码加载到JSFIDLE中，“end”键似乎工作得非常好。可能是您在同一时间做的另一个更改导致了错误？你是否再次尝试删除该元素并查看问题是否仍然存在？嗨，Stanley，我忘了提到我使用Firefox，end key在那里不起作用，你认为这可能是与浏览器相关的问题吗？所以你不认为这是Chrome或IE中的问题？如果是这样的话，你不太可能做错了什么，那可能是浏览器的问题。您使用的是最新的浏览器版本吗？您是否尝试删除链接并查看它是否像我建议的那样重新开始工作？是的，当我删除链接时，end key甚至在firefox（42.0版）中也能工作。在chrome中，它与链接一起工作，。

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