Table Styling not working with IE and Edge : I simply applied the below css code which is working fine with Chrome but never works with Edge and IE11

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .StandardTable table th {
    background: #0098B4 !important;
     color: #ffffff !important;
     text-align: center !important;
    }

    .StandardTable table tr {
    background: #ffffff !important;
     color: #000000 !important;
    }


    .StandardTable table tr:hover{
        background-color:#1f2326 !important;
        color: #ffffff !important;
    }

    .StandardTable table, th, td {
        border: 1px solid #dcdcdc;
    }

<!-- end snippet -->

Any ideas?

Thank you much :) 