HTML JS和CSS列表框不正确显示

Question

我修改了一个代码，显示滚动一个简单的HTML列表的字幕。你可以看到它here： 我有3个问题，我解决不了：

1. JS：我想滚动字幕显示，通过它消失过刚走便又输入文本，东西像一个连续的大帐篷，我怎么能这样做？我注意到（a）字幕中的一些工件，我认为这是由于选取框文本和div边距/填充未正确设置;和（b）更轻的蓝色格子的阴影切割在字幕上。（我认为这可能是一个z-indez问题？）。 （二）出现与任何浏览器，（一）只有铬，Firefox看起来不错。我怎么修复它？

   以下是截图：

2. 我能成功地从我的数据库加载数据，并将其追加到字幕。现在，我想每隔X秒“刷新”选取框的内容，在底部添加一个顶部元素时删除列表的顶部元素还是可以的，或者最好是淡出，更新所有内容，并且淡入？任何其他方式来做到这一点？