HTML JS和CSS列表框不正確顯示

Question

我修改了一個代碼，顯示滾動一個簡單的HTML列表的字幕。你可以看到它here： 我有3個問題，我解決不了：

1. JS：我想滾動字幕顯示，通過它消失過剛走便又輸入文本，東西像一個連續的大帳篷，我怎麼能這樣做？我注意到（a）字幕中的一些工件，我認爲這是由於選取框文本和div邊距/填充未正確設置;和（b）更輕的藍色格子的陰影切割在字幕上。（我認爲這可能是一個z-indez問題？）。 （二）出現與任何瀏覽器，（一）只有鉻，Firefox看起來不錯。我怎麼修復它？

   以下是截圖：

2. 我能成功地從我的數據庫加載數據，並將其追加到字幕。現在，我想每隔X秒「刷新」選取框的內容，在底部添加一個頂部元素時刪除列表的頂部元素還是可以的，或者最好是淡出，更新所有內容，並且淡入？任何其他方式來做到這一點？