CSS中的滾動條樣式在不同的瀏覽器中可能會有所不同，特別是在IE瀏覽器下。為了解決這個問題，我們需要使用一些兼容性代碼。

/* IE瀏覽器滾動條樣式 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
background: #aaa;
}
::-webkit-scrollbar-track {
background: #fff;
}
/* Firefox滾動條樣式 */
* {
scrollbar-width: thin;
scrollbar-color: #ccc #fff;
}
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 15px;
}
*::-webkit-scrollbar-thumb:hover {
background: #aaa;
}
*::-webkit-scrollbar-track {
background: #fff;
}

上面的代碼分別適用于IE瀏覽器和Firefox瀏覽器。我們可以根據需要選擇其中的一種或者兩種代碼同時使用。

需要注意的是，在使用滾動條樣式時，我們需要保證被應用樣式的元素擁有滾動條，可以在元素樣式中添加"overflow: auto"屬性來實現。