customize scroll in fox and IE fire

Question

Well this scroll works perfectly on Chrome and safari. I wondered how to make the scrollbar equal in IE and Firefox.

Follows code.

.container {
    height:200px;
    overflow: auto;
    width: 250px;
    border-bottom: 1px solid #D4D4D4;
}

.container::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
.container::-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
.container::-webkit-scrollbar-thumb {
    background: #dad7d7;
}

<div class="container">
    <div class="content" style="height:600px;">pagina</div>
</div>